Sencha Ext JS號(hào)稱是目前世界上最先進(jìn)和最強(qiáng)大的、支持多平臺(tái)多設(shè)備的JavaScript應(yīng)用程序開(kāi)發(fā)框架。首先看一下Ext JS的發(fā)展簡(jiǎn)史。

1 Ext JS發(fā)展簡(jiǎn)史

1.YUI-Ext的作者Jack Slocum(杰克.斯洛克姆)打算對(duì)基于BSD協(xié)議的Yahoo User Interface (YUI)庫(kù)進(jìn)行自定義的擴(kuò)展，但后來(lái)一度風(fēng)頭蓋過(guò)其父輩YUI；

2.在2006年底，YUI-Ext被簡(jiǎn)化為Ext，反映了它作為一個(gè)框架的成熟和獨(dú)立。該公司成立于2007年初，Ext現(xiàn)在為雙執(zhí)照，使用LGPL和一個(gè)商業(yè)執(zhí)照；

3.在2007年4月1日，發(fā)布1.0正式版，現(xiàn)在的版本為6.0；

4.從4.0開(kāi)始引入了MVC/MVVM風(fēng)格的應(yīng)用架構(gòu)和SCSS；

5.從5.0開(kāi)始，不再支持老舊瀏覽器，如IE5、6、7等；

6.從6.0開(kāi)始，Sencha Touch和ExtJS合二為一，標(biāo)志著用戶可以開(kāi)發(fā)既能支持傳統(tǒng)桌面、又支持平板或手機(jī)的應(yīng)用

2 開(kāi)發(fā)準(zhǔn)備

1. 首先需要下載Ext JS SDK，下載ExtJS 6.0 SDK GPL正式版  https://www.sencha.com/legal/gpl/ ，如果需要商業(yè)應(yīng)用，請(qǐng)下載商業(yè)版。解壓到D盤(pán)。

2. 下載Sencha Tool ,假設(shè)你的系統(tǒng)里沒(méi)有安裝了JRE7+，請(qǐng)下載帶JRE版本的Sencha Tool，并成功安裝。

3 項(xiàng)目創(chuàng)建

1. 用管理員打開(kāi)命令行，用 cd /d d:\ext-6.0.0 進(jìn)入SDK目錄

2. 用 sencha -sdk ./ext-6.0.0 generate app -classic cmpwebui  ./CMPWebUI 命令創(chuàng)建基于ext-6.0.0版本的名為cmpwebui的app，項(xiàng)目路徑為./CMPWebUI.

在目錄D:\ext-6.0.0下生成CMPWebUI項(xiàng)目文件，文件結(jié)構(gòu)如下：

      3. 進(jìn)入項(xiàng)目文件下，用 sencha app watch 項(xiàng)目預(yù)覽，端口號(hào)默認(rèn)為1841，如果當(dāng)前已有，則會(huì)遞增，這里端口為1842

     在瀏覽器中輸入http://localhost:1842/進(jìn)行預(yù)覽，和我一開(kāi)始期望的不同，里面包含官方的例子，可以點(diǎn)擊【view the Example】進(jìn)行查看。

那么自己創(chuàng)建的項(xiàng)目在哪呢？可以輸入http://localhost:1842/cmpwebui/ 進(jìn)行查看

 4. 項(xiàng)目發(fā)布，用sencha app build進(jìn)行編譯

編譯完成后，可以在ext-6.0.0下的build文件下看到此發(fā)布的項(xiàng)目。

 5. IIS項(xiàng)目發(fā)布，這里需要注意配置IIS來(lái)解析JSON，否則網(wǎng)站無(wú)法預(yù)覽、

想要運(yùn)行其實(shí)很簡(jiǎn)單，只要能讓*.json的文件能夠被Web服務(wù)器解析即可，這里以IIS7為例說(shuō)明。

1）安裝IIS7的ASP支持

控制面板-->程序和功能-->打開(kāi)和關(guān)閉Windows功能-->角色-->添加角色服務(wù)-->應(yīng)用程序開(kāi)發(fā)-->選擇ASP

2）給默認(rèn)網(wǎng)站添加MIME類(lèi)型

添加-->文件擴(kuò)展名為json，MIME類(lèi)型為text/json（或application/x-javascript也可以）

3）給默認(rèn)網(wǎng)站安裝腳本映射

處理程序映射-->添加腳本映射。請(qǐng)求路徑為*.json，可執(zhí)行文件為%windir%\system32\inetsrv\asp.dll，名稱為json

4）在默認(rèn)文檔中添加index.html

5）在默認(rèn)網(wǎng)站下創(chuàng)建SenchaTouch應(yīng)用程序，IIS6下稱作虛擬目錄。

6）使用Chome預(yù)覽（IE不支持）

至此配置完成后,可以看到文件夾下多了 一個(gè)web.config

再刷新網(wǎng)頁(yè)即可：

以上這篇sencha ext js 6 快速入門(mén)(必看)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論