Sencha Ext JS는 현재 다중 플랫폼 및 다중 장치를 지원하는 세계에서 가장 진보되고 강력한 JavaScript Application Development Framework입니다. 먼저, EXT JS의 발전에 대한 간략한 역사를 살펴 보겠습니다.
1 Ext JS 개발의 간단한 역사
1. Yui-Ext의 저자 인 Jack Slocum은 BSD 프로토콜을 기반으로 Yui (Yahoo User Interface) 라이브러리를 사용자 정의하려고했지만 나중에 그는 한때 그의 아버지 Yui를 어둡게했습니다.
2. 2006 년 말, Yui-Ext는 성숙도와 독립성을 프레임 워크로 반영하여 Ext로 단순화되었습니다. 이 회사는 2007 년 초에 설립되었으며 EXT는 LGPL과 비즈니스 라이센스를 사용하여 이중 라이센스입니다.
3. 2007 년 4 월 1 일, 1.0의 공식 버전이 출시되었고 현재 버전은 6.0입니다.
4. 4.0부터 MVC/MVVM 스타일 애플리케이션 아키텍처 및 SCS가 도입되었습니다.
5. 5.0에서 시작하여 IE5, 6, 7 등과 같이 오래된 브라우저가 더 이상 지원되지 않습니다.;
6. 6.0부터 Sencha Touch 및 ExtJS가 결합되어 사용자는 기존 데스크톱 및 태블릿 또는 휴대 전화를 모두 지원할 수있는 응용 프로그램을 개발할 수 있음을 나타냅니다.
2 개발 준비
1. 첫째, Ext JS SDK를 다운로드하고 Extjs 6.0 SDK GPL https://www.sencha.com/legal/gpl/의 공식 버전을 다운로드해야합니다. 상업용 응용 프로그램이 필요한 경우 상용 버전을 다운로드하십시오. 디스크 D에 대한 압축 해제
2. Sencha 도구를 다운로드하십시오. JRE7+가 시스템에 설치되어 있지 않다고 가정하면 JRE 버전으로 Sencha 도구를 다운로드하여 성공적으로 설치하십시오.
3 프로젝트 생성
1. 관리자와 명령 줄을 열고 CD /dd:/EXT-6.0.0을 사용하여 SDK 디렉토리를 입력하십시오.
2. Sencha -sdk ./ext-6.0.0을 사용하여 앱 -Classic cmmpwebui ./cmpwebui 명령을 생성하여 ext -6.0.0 버전을 기반으로 cmmpwebui라는 앱을 작성하여 ./cmpwebui.
디렉토리 d : /ext-6.0.0에서 cmpwebui 프로젝트 파일을 생성하십시오. 파일 구조는 다음과 같습니다.
3. 프로젝트 파일을 입력하고 Sencha 앱을 사용하여 프로젝트 미리보기를 시청하십시오 . 포트 번호는 기본적으로 1841입니다. 현재 사용 가능한 경우 증가합니다. 여기서 항구는 1842입니다
브라우저에 http : // localhost : 1842/를 입력하여 미리보기. 처음에 기대했던 것과 다릅니다. 공식적인 사례가 포함되어 있습니다. [예보기]를 클릭하여 볼 수 있습니다.
그렇다면 자신이 만든 프로젝트는 어디에 있습니까? http : // localhost : 1842/cmpwebui/를 입력하여 볼 수 있습니다
4. 프로젝트 릴리스, Sencha 앱 빌드로 컴파일
컴파일이 완료되면 Build-6.0.0의 빌드 파일 아래에 게시 된 프로젝트를 볼 수 있습니다.
5. IIS 프로젝트가 출시되면 IIS를 JSON을 구문 분석하는 데주의를 기울여야합니다. 그렇지 않으면 웹 사이트를 미리 보지 않습니다.
실제로 실행하는 것은 매우 간단합니다. 웹 서버에서 *.json 파일을 구문 분석 할 수있는 한 IIS7이 예로 사용됩니다.
1) IIS7 ASP 지원을 설치하십시오
제어판 -> 프로그램 및 기능 -> Windows 기능 -> 역할 -> 역할 서비스 추가 -> 응용 프로그램 개발 -> ASP 선택
2) 기본 웹 사이트에 MIME 유형을 추가하십시오
추가-> 파일 확장자는 JSON입니다. MIME 유형은 Text/JSON입니다 (또는 Application/X-JavaScript도 괜찮습니다)
3) 기본 웹 사이트에 대한 스크립트 매핑을 설치하십시오
핸들러 매핑 -> 스크립트 매핑 추가. 요청 경로는 *.json이고, 실행 파일은 %windir %/system32/inetsrv/asp.dll이고, 이름은 json입니다.
4) 기본 문서에 index.html을 추가하십시오
5) 기본 웹 사이트에서 Senchatouch 애플리케이션을 생성하는데, 이는 IIS6에서 가상 디렉토리라고합니다.
6) Chome과 함께 미리보기 (즉, 지원하지 않음)
구성이 완료되면 폴더에 추가 web.config가 있음을 알 수 있습니다.
웹 페이지를 새로 고치기 만하면됩니다.
위의 기사 Sencha Ext JS 6 빠른 시작 (읽어야 할)은 내가 공유하는 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.