淺談Sencha Touch自動生成工具
Sencha Touch自動生成工具是本文介紹的內(nèi)容,主要是來了解Sencha Touch中如何自動生成工具,在Sencha Touch中有一個鮮為人知的工具Sencha Command,位于sencha-touch-1.1.0/jsbuilder目錄中,名為sencha.sh。
相關(guān)資料表明該自動生成工具是用來自動生成Sencha Touch項目目錄結(jié)構(gòu),并包含一個代碼生成器。使用了一下發(fā)現(xiàn)其明顯處于試驗(yàn)階段,因?yàn)榇a中存在非常多的錯誤。通過sencha.sh生成的代碼無法正常運(yùn)行。不過不用擔(dān)心,我們可以使用后面介紹的sencha-command來完成這些操作。下面簡單的介紹sencha.sh的幾個用法:
生成Sencha Touch項目
- ../sencha.sh generate app YourSenchaTouchApp /path/to/save/YourSenchaTouchApp
參數(shù)解釋:
generate – 指定使用generator模塊,該模塊負(fù)責(zé)代碼的自動生成;
app – 指定將要生成的是Sencha Touch項目;
YourSenchaTouchApp – 指定待生成的Sencha Touch項目名稱,該名稱將作為Ext.Application的名稱,因此命名必須是一個合法的javascript的一個合法標(biāo)識符;
/path/to/save/YourSenchaTouchApp – 指定待生成的項目將被保存在何處。
生成Sencha Touch Model
本命令需要在生成的Sencha Touch目錄中執(zhí)行,該命令會在Sencha Touch項目中生成三個文件并修改兩個文件。但是很遺憾,目前版本不經(jīng)過修改將無法正常執(zhí)行。
- ../sencha.sh generate model User name:string password:string age:int
參數(shù)解釋:
generate – 指定使用generator模塊,該模塊負(fù)責(zé)代碼的自動生成;
model – 指定將要生成的是Sencha Touch模型
User – 指定待生成的模型的名稱
name:string password:string age:int – 指定待生成的屬性定義,屬性定義由兩部分組成,<屬性名>:<類型>。
生成Sencha Touch Controller
本命令需要在生成的Sencha Touch目錄中執(zhí)行,該命令會在Sencha Touch項目中生成兩個文件并修改兩個文件。同樣很遺憾,目前版本不經(jīng)過修改將無法正常執(zhí)行。
- ../sencha.sh generate controller users index new create show update destroy
參數(shù)解釋:
generate – 指定使用generator模塊,該模塊負(fù)責(zé)代碼的自動生成;
controller – 指定將要生成的是Sencha Touch控制器
users – 指定待生成的控制器的名稱
index new create show update destroy – 指定待生成的控制器方法。
Sencha Command
Sencha Command – 是muc修正后發(fā)布的工具,該工具修正了Sencha Touch自帶的工具存在的大部分問題。但是單元測試,以及提示信息依然存在一些小的問題。我在github上fork了這個項目https://github.com/towerhe/sencha-command,并修正了一些目前發(fā)現(xiàn)的問題:
test/unit/index.html中引入的sencha-touch-debug.js目錄不正確
test/unit/index.html中默認(rèn)不引入app.js
調(diào)用generator時提示信息錯誤
Sencha Command與Sencha Touch自帶的工具完成相同的工作,但有一些細(xì)小的改動:
目錄結(jié)構(gòu)不同
原腳本sencha.sh改名為sencha
生成的項目中包含了Sencha Touch的資源文件
修復(fù)了sencha touch資源引用的錯誤
修復(fù)了無法使用模型和控制器生成器的錯誤
如何使用Sencha Command
- # 1. 從github中簽出sencha-command
- git clone <A href="https://github.com/towerhe/sencha-command.git">https://github.com/towerhe/sencha-command.git<;/A>
- .# 2. 參照前面介紹的Sencha自帶工具的用法生成項目、模型、控制器
- # 3. 將項目部署到Web服務(wù)器
- # 4. 瀏覽http://{your_server}:{port}/{any_prefix}/index.html來訪問項目
- # 5. 瀏覽http://{your_server}:{port}/{any_prefix}/test/unit/index.html來訪問項目的單元測試
小結(jié):淺談Sencha Touch自動生成工具的內(nèi)容介紹完了,希望通過本文的學(xué)習(xí)能對你有所幫助!