Sencha Ext JS號稱是目前世界上最先進和最強大的、支持多平台多設備的JavaScript應用程序開發框架。首先看一下Ext JS的發展簡史。
1 Ext JS發展簡史
- YUI-Ext的作者Jack Slocum(傑克.斯洛克姆)打算對基於BSD協議的Yahoo User Interface (YUI)庫進行自定義的擴展，但后來一度風頭蓋過其父輩YUI；
- 在2006年底，YUI-Ext被簡化為Ext，反映了它作為一個框架的成熟和獨立。該公司成立於2007年初，Ext現在為雙執照，使用LGPL和一個商業執照；
- 在2007年4月1日，發布1.0正式版，現在的版本為6.0；
- 從4.0開始引入了MVC/MVVM風格的應用架構和SCSS；
- 從5.0開始，不再支持老舊瀏覽器，如IE5、6、7等；
- 從6.0開始，Sencha Touch和ExtJS合二為一，標志着用戶可以開發既能支持傳統桌面、又支持平板或手機的應用
2 開發准備
1. 首先需要下載Ext JS SDK，下載ExtJS 6.0 SDK GPL正式版 https://www.sencha.com/legal/gpl/ ，如果需要商業應用，請下載商業版。解壓到D盤。
2. 下載Sencha Tool ,假設你的系統里沒有安裝了JRE7+，請下載帶JRE版本的Sencha Tool，並成功安裝。
3 項目創建
1. 用管理員打開命令行，用 cd /d d:\ext-6.0.0 進入SDK目錄
2. 用 sencha -sdk ./ext-6.0.0 generate app -classic cmpwebui ./CMPWebUI 命令創建基於ext-6.0.0版本的名為cmpwebui的app，項目路徑為./CMPWebUI.
在目錄D:\ext-6.0.0下生成CMPWebUI項目文件，文件結構如下：
3. 進入項目文件下，用 sencha app watch 項目預覽，端口號默認為1841，如果當前已有，則會遞增，這里端口為1842
在瀏覽器中輸入http://localhost:1842/進行預覽，和我一開始期望的不同，里面包含官方的例子，可以點擊【view the Example】進行查看。
那么自己創建的項目在哪呢？可以輸入http://localhost:1842/cmpwebui/ 進行查看
4. 項目發布，用sencha app build進行編譯
編譯完成后，可以在ext-6.0.0下的build文件下看到此發布的項目。
5. IIS項目發布，這里需要注意配置IIS來解析JSON，否則網站無法預覽、
想要運行其實很簡單，只要能讓*.json的文件能夠被Web服務器解析即可，這里以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預覽（IE不支持）
至此配置完成后,可以看到文件夾下多了 一個web.config
再刷新網頁即可：
