EXtjs6.2를 사용하여 웹 프로젝트 빌드

1. 프로젝트 소개

우리 모두 알고 있듯이 ext는 매우 강력한 테이블 컨트롤이며, 특히 사용자에게 많은 기능을 제공하는 그리드 내부는 현재 주류에서는 여전히 extjs4.0-4.2를 사용하고 있지만 상위 버전이 이에 더 가깝습니다. 사람들의 미학이 필요합니다. 따라서 오늘 우리는 웹 프로젝트의 ext6.2 버전을 빌드합니다.

2. 프로젝트 준비

　　　ExtJS 6.2 GPL공식 버전 다운로드 주소: https://www.sencha.com/legal/gpl/

다운로드가 완료된 후 프로젝트 디렉토리는 다음과 같습니다.

3. 프로젝트 빌드

1. 생성한 프로젝트에서 다음 js 파일을 참조합니다. (여기에 있는 대부분의 js 파일은 빌드 폴더에 있습니다.)

<span style="color: #008080">1</span>     　　<script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">ext-all.js</span><span style="color: #800000">"</span>></script>
<span style="color: #008080">2</span>         <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">ext-all-debug.js</span><span style="color: #800000">"</span>></script>
<span style="color: #008080">3</span>         <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">ext-bootstrap.js</span><span style="color: #800000">"</span>></script>
<span style="color: #008080">4</span>         <script type=<span style="color: #800000">"</span><span style="color: #800000">text/javascript</span><span style="color: #800000">"</span> src=<span style="color: #800000">"</span><span style="color: #800000">locale-zh_CN.js</span><span style="color: #800000">"</span>></script>

2. 응답 CSS 파일 참조: (참고: 자신의 ext-6.2.0buildclassictheme-crisp 폴더에 있는 모든 항목을 가져와야 합니다.)

<span style="color: #008080">1</span>         <link rel=<span style="color: #800000">"</span><span style="color: #800000">stylesheet</span><span style="color: #800000">"</span> type=<span style="color: #800000">"</span><span style="color: #800000">text/css</span><span style="color: #800000">"</span> href=<span style="color: #800000">"</span><span style="color: #800000">theme-crisp/resources/theme-crisp-all.css</span><span style="color: #800000">"</span> />
<span style="color: #008080">2</span>         <link rel=<span style="color: #800000">"</span><span style="color: #800000">stylesheet</span><span style="color: #800000">"</span> type=<span style="color: #800000">"</span><span style="color: #800000">text/css</span><span style="color: #800000">"</span> href=<span style="color: #800000">"</span><span style="color: #800000">theme-crisp/resources/theme-crisp-all-debug.css</span><span style="color: #800000">"</span> />

다음으로 테스트용 작은 데모를 작성하여 ext6.2 구축을 완료할 수 있습니다.

블로거 제안: ext6.2에는 많은 기능이 있고 공식 문서도 매우 상세합니다. 그러나 그럼에도 불구하고 실제 프로젝트에서는 여전히 일부 문제가 있을 수 있으므로 공식 표준에 따라 코드를 작성하는 것이 좋습니다.