ExtJS可以用來(lái)開發(fā)RIA也即富客戶端的AJAX應(yīng)用,是一個(gè)用javascript寫的,主要用于創(chuàng)建前端用戶界面,是一個(gè)與后臺(tái)技術(shù)無(wú)關(guān)的前端ajax框架。
這是一個(gè)學(xué)習(xí)ExtJS最好的指導(dǎo)書了。
循序漸進(jìn),從簡(jiǎn)到難。
ExtJS中的數(shù)據(jù)交互基本上就是以Ajax的方式進(jìn)行傳遞和實(shí)現(xiàn)的,也就是可以不用刷新頁(yè)面,就可以訪問服務(wù)器的程序進(jìn)行數(shù)據(jù)讀取或數(shù)據(jù)保存等操作。
spket工具安裝詳解
集成:ExtJS,MyEcplise和Spket。
前提:安裝好的myecplise(我用的是MyEcplise10)
步驟:
先安裝Spket
1 下載Spket的jar文件,spket-1.6.18.jar
2 將jar文件解壓到MyEcplise的dropins文件夾下
3 重啟MyEcplise,
4:
如下圖:Preference中有Spket,說(shuō)明spket插件導(dǎo)入成功
點(diǎn)擊new
點(diǎn)OK
選中ExtJS后點(diǎn)擊ADD Libriary
選擇ExtJS
再現(xiàn)在下面的ExtJS 選擇Add File
選中下載的ext4.0中src文件甲下的jsb文件,下載的ext4.0文件是沒有jsb這個(gè)文件的,需要單獨(dú)從網(wǎng)上下載jsb文件,
必須放到src文件夾下,否則代碼則無(wú)法提示
選擇ALL
再選擇上面的ExtJS,右邊的選擇框中設(shè)置為default(必須這么設(shè)置),
接下來(lái)要講spket設(shè)置為js的默認(rèn)編譯器,步驟如下圖:
以上設(shè)置完后,將下載的ExtJS文件拷貝到項(xiàng)目中
在頁(yè)面中引入后就可以了,引入地址需要注意,地址中“..”表示向上提一級(jí)目錄,直到html文件與ext文件屬于同一級(jí)
主要目錄文件介紹
builds:壓縮后的ExtJS代碼,體積更小,更快;
docs:開發(fā)文檔;
examples:官方演示示例;
locale:多國(guó)語(yǔ)言資源文件;
pkgs:ExtJS各部分功能的打包文件;
resource:ExtJS所需要的CSS與圖片文件;
src:未壓縮的源代碼目錄;
bootstarp.js:ExtJS庫(kù)引導(dǎo)文件,可自動(dòng)切換ext-all.js與ext-all-debug.js;
ext-all.js:ExtJS核心庫(kù);
ext-all-debug.js:ExtJS核心庫(kù)的調(diào)試版,調(diào)試時(shí)使用。
ext-all-debug-w-comments.js:帶注釋的ExtJS核心庫(kù)調(diào)試版。
在頁(yè)面中用到ExtJS至少引入以下文件:
1 resources\css\ext-all.css
2 ext-all.js(如果要對(duì)ExtJS代碼進(jìn)行調(diào)試或?qū)W習(xí)可引入ext-all-debug.js或ext-all-debug-w-comments.js)
到這里,整個(gè)環(huán)境就搭建完成了,不過spket只能提示一部分代碼,有部分代碼是無(wú)法提示的,
所以并不好用,還是看api更全面。
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版