Ext JS高級(jí)程序設(shè)計(jì)

前言

經(jīng)過(guò)兩年的發(fā)展，Ext JS從2.0版開始，功能逐漸完善，越來(lái)越受用戶歡迎。現(xiàn)在的框架如此之多，相比其他框架，為什么只有Ext JS那么火？筆者認(rèn)為，其主要原因大概有以下幾點(diǎn)：·架構(gòu)簡(jiǎn)單，容易擴(kuò)展?！た丶容^完整。·數(shù)據(jù)管理與界面顯示分離。·代碼書寫簡(jiǎn)單，易于掌握。今年，Ext JS不但推出了3.0版本，而且推出了Ext Core，準(zhǔn)備在Web 2.0網(wǎng)站開發(fā)中占一席之地。Ext Core目前的亮點(diǎn)不多，但經(jīng)過(guò)一段時(shí)間的發(fā)展后，應(yīng)該會(huì)有不錯(cuò)的成績(jī)。Ext JS 3.0有相當(dāng)大的改進(jìn)，譬如在Ext JS 2.x版本中為人所詬病的速度問(wèn)題在Ext JS 3.0中就有所改善。不過(guò)，最革命性的改變還是Ext JS中新增的Ext.Direct功能，它實(shí)現(xiàn)了服務(wù)器端的無(wú)關(guān)性。Ext JS的未來(lái)根據(jù)Ext JS的開發(fā)路線圖，在Ext JS 3.1版中將增加可分組的列標(biāo)題-一個(gè)非常值得期待的功能。在3.1版中，還將增加Tree Grid控件，Store將增加多字段過(guò)濾功能，這些都是非常實(shí)用的功能。這將使Ext的控件越來(lái)越接近C/S時(shí)代的RAD工具的控件。在3.2版本中，Ext將增加移動(dòng)組件，進(jìn)軍移動(dòng)市場(chǎng)，這將是一次革命性的改進(jìn)。同時(shí)在4.0版本中，除了對(duì)HTML 5的支持外，還增加畫布功能。還有一點(diǎn)更值得期待，就是Ext的RAD開發(fā)工具也在開發(fā)當(dāng)中。估計(jì)不久之后，也可以像Delphi、VB一樣，通過(guò)拖拽的方式即可輕松開發(fā)Web應(yīng)用。Ext JS在發(fā)展過(guò)程中不僅一步步地鞏固著自己在HTML、CSS、JavaScript領(lǐng)域無(wú)可比擬的優(yōu)勢(shì)，而且已經(jīng)開始向相關(guān)領(lǐng)域發(fā)展擴(kuò)張。例如，它從2.0.2版開始為Adobe的RIA技術(shù)AIR提供支持，并且為GWT開發(fā)了Ext GWT 2.0，這些都體現(xiàn)了Ext JS的強(qiáng)大活力和生命力。在可預(yù)見的未來(lái)，Ext JS將會(huì)甩開對(duì)手，大踏步向前。不過(guò)，從3.1版本開始，Ext JS開始收費(fèi)，這個(gè)對(duì)開發(fā)社團(tuán)會(huì)造成什么樣的影響，以及是否會(huì)影響Ext JS的未來(lái)，還有待觀察。為什么寫這本書Ext Core是Ext小組新推出的用于Web 2.0網(wǎng)站開發(fā)的核心包，其包含什么功能以及如何使用這些功能，是大家比較關(guān)心的。本書將通過(guò)實(shí)例的形式為大家詳細(xì)講述Ext Core的功能及其使用方法。在Ext JS 3.0版中，還增加了不少新的控件和功能，如何熟練地運(yùn)用它們，也是大家比較關(guān)心的，本書也將通過(guò)實(shí)例的形式為大家詳細(xì)講述這些功能及其使用方法。尤其是Ext.Direct，它將是本書介紹的重中之重。在目前的Ext書籍中，涉及Ext完整示例的書少之又少，尤其是單頁(yè)面應(yīng)用的示例，可以說(shuō)，基本上沒(méi)有。鑒于這種現(xiàn)狀，筆者萌生了寫一本以示例為主的書的想法，以解讀者之渴。為了顧及.NET和Java兩大技術(shù)陣營(yíng)的讀者，本書的主要實(shí)例都將使用C#和Java兩種語(yǔ)言實(shí)現(xiàn)。本書面向的讀者·有一定使用Ext JS經(jīng)驗(yàn)的中高級(jí)讀者?！は肜肊xt Core進(jìn)行Web開發(fā)的讀者?！ぞW(wǎng)站建設(shè)及網(wǎng)站維護(hù)人員?！ぞW(wǎng)頁(yè)設(shè)計(jì)和制作人員?！ご笾袑Ｔ盒５膶W(xué)生。如何閱讀本書如果你只對(duì)Ext 3.0版本中的內(nèi)容感興趣，可直接從第5章開始閱讀。如果只對(duì)Ext Core有興趣，建議重點(diǎn)閱讀前面4章。如果只對(duì)Ext JS 3.0新增的Ext.Direct有興趣，可直接從第二部分開始閱讀，然后閱讀第六部分。在閱讀與Ext JS調(diào)試相關(guān)的章節(jié)時(shí)，建議邊讀邊在電腦上進(jìn)行測(cè)試，這樣可以加深對(duì)書中內(nèi)容的理解。Java或.NET的開發(fā)人員可根據(jù)自己掌握的語(yǔ)言選擇相應(yīng)的章節(jié)閱讀。

內(nèi)容概要

　　《Ext JS高級(jí)程序設(shè)計(jì)》對(duì)Ext JS的核心知識(shí)以及中高級(jí)開發(fā)者在開發(fā)過(guò)程中會(huì)經(jīng)常遇到的疑難問(wèn)題進(jìn)行了深入分析和探討?！禘xtJS高級(jí)程序設(shè)計(jì)》不僅詳細(xì)講解了Ext JS 3.0中新增的用于Web 2.0網(wǎng)站開發(fā)的核心包Ext Core，以及給Ext JS帶來(lái)革命性變化的Ext.Direct，而且還全面透徹地介紹了Ext.Data.Store、Ext UI、Ext擴(kuò)展、Ext插件和調(diào)試等知識(shí)。實(shí)用性和可操作性強(qiáng)，各個(gè)知識(shí)點(diǎn)都配有實(shí)用的案例，并給出了最佳實(shí)踐。全書最后以一個(gè)單頁(yè)面的大型案例結(jié)束，以迭代的方式重現(xiàn)了該案例的實(shí)現(xiàn)過(guò)程，有助于讀者融會(huì)貫通，將理論與實(shí)踐完美結(jié)合?！　∮葹橹档靡惶岬氖?，《ExtJS高級(jí)程序設(shè)計(jì)》中的主要實(shí)例同時(shí)包含.NET和Java兩個(gè)版本，適合所有.NET開發(fā)者和Java軟件開發(fā)人員閱讀。

作者簡(jiǎn)介

黃燈橋，網(wǎng)名“上將軍”，Ext專家，從事開發(fā)10余年，經(jīng)驗(yàn)極其豐富，致力于Ext的研究與推廣。2002年開始從事Web開發(fā)與相關(guān)技術(shù)的研究，對(duì)各種Web開發(fā)技術(shù)都有深入了解。不僅是VB和Delphi等的忠實(shí)擁躉，而且還擅長(zhǎng)C＃、ASP.NET和.NET。活躍于各大技術(shù)社區(qū)，是CSDN的認(rèn)證專家。個(gè)人博客：Http：／／blog.csdn.net／tiarlxiaode。徐會(huì)生，網(wǎng)名“臨遠(yuǎn)”，Ext專家，F(xiàn)amily 168創(chuàng)始人之一，高級(jí)軟件工程師兼系統(tǒng)架構(gòu)師，有豐富的Java EE開發(fā)經(jīng)驗(yàn)。他在社區(qū)里非?；钴S，曾經(jīng)編寫和翻譯了大量關(guān)于Ext和jBPM的資料，深受社區(qū)歡迎。同時(shí)，他還擅長(zhǎng)Web開發(fā)，對(duì)UI開發(fā)有一定的研究。

書籍目錄

前 言第一部分 Ext Core第1章 Ext Core重要概念 21.1 Ext.Element 21.1.1 獲取HTMLElement節(jié)點(diǎn)的Ext.Element實(shí)例 21.1.2 CSS樣式操作 31.1.3 DOM查詢與遍歷 41.1.4 DOM操作 61.1.5 事件處理 91.1.6 尺寸大小 131.1.7 定位功能 141.1.8 動(dòng)畫功能 161.1.9 雜項(xiàng) 191.2 Ajax介紹 191.3 DomQuery介紹 201.4 模板介紹 231.5 實(shí)用功能 241.6 定時(shí)執(zhí)行代碼 251.7 本章小結(jié) 26第2章 Ext Core實(shí)例系統(tǒng)設(shè)計(jì) 272.1 需求分析 272.2 系統(tǒng)設(shè)計(jì) 282.3 功能結(jié)構(gòu)圖 292.4 開發(fā)與運(yùn)行環(huán)境 312.5 數(shù)據(jù)庫(kù)設(shè)計(jì) 312.6 本章小結(jié) 34第3章 Ext Core實(shí)例講解——.NET語(yǔ)言實(shí)現(xiàn) 353.1 創(chuàng)建應(yīng)用并設(shè)置開發(fā)環(huán)境 353.2 自定義Membership提供程序 373.3 創(chuàng)建母版頁(yè) 383.4 首頁(yè)設(shè)計(jì) 423.5 產(chǎn)品列表頁(yè) 473.6 產(chǎn)品詳細(xì)信息頁(yè) 513.7 登錄對(duì)話框 563.8 用戶注冊(cè)對(duì)話框 613.9 購(gòu)物車對(duì)話框 653.10 結(jié)算 703.11 為產(chǎn)品詳細(xì)頁(yè)添加評(píng)論 773.12 本章小結(jié) 84第4章 Ext Core實(shí)例講解-Java語(yǔ)言實(shí)現(xiàn) 854.1 技術(shù)選型 854.2 搭建開發(fā)環(huán)境 854.3 設(shè)計(jì)頁(yè)面布局 874.4 網(wǎng)上商店首頁(yè) 904.5 產(chǎn)品列表頁(yè)面 984.6 產(chǎn)品詳細(xì)信息頁(yè)面 1054.7 登錄對(duì)話框 1134.8 用戶注冊(cè)對(duì)話框 1184.9 購(gòu)物車對(duì)話框 1234.10 結(jié)算頁(yè)面 1264.11 為產(chǎn)品添加評(píng)論功能 1334.12 小結(jié) 139第二部分 Store和Direct第5章 在.NET中使用Ext.Direct 1505.1 路由器包（Router-0.6.zip）的內(nèi)容 1505.2 DIY一個(gè)Ext.Direct實(shí)例 1515.3 NewtonSoft.JSON 1545.3.1 JSON的序列化和反序列化 1545.3.2 LINQ to JSON 1575.3.3 JSON文本的輸出 1615.4 本章小結(jié) 162第6章 在Java中使用Ext.Direct 1636.1 在Java平臺(tái)上配置Ext.Direct 1636.1.1 下載directjngine 1636.1.2 配置主控servlet 1646.1.3 配置客戶端 1696.1.4 編寫JavaScript調(diào)用遠(yuǎn)程方法 1716.2 為Ext.Direct自定義遠(yuǎn)程方法 1726.3 Ext.Direct中的高級(jí)應(yīng)用 1776.3.1 批量請(qǐng)求和批量響應(yīng) 1776.3.2 在tree中使用Ext.Direct 1806.3.3 為grid設(shè)置DirectStore 1826.3.4 在form中使用Ext.Direct加載數(shù)據(jù) 1846.3.5 在form中使用Ext.Direct提交數(shù)據(jù) 1866.3.6 使用polling方式進(jìn)行輪詢 1886.4 本章小結(jié) 190第7章 Store 1917.1 Store的結(jié)構(gòu) 1917.2 Ext.data.Field 1967.3 Ext.data.Record 1977.4 ArrayReader、JsonReader和XmlReader 1987.4.1 JsonReader 1997.4.2 ArrayReader 1997.4.3 XmlReader 2007.5 Store的加載數(shù)據(jù) 2007.6 Store的數(shù)據(jù)操作 2027.6.1 添加數(shù)據(jù) 2027.6.2 刪除數(shù)據(jù) 2027.6.3 搜索、定位和統(tǒng)計(jì) 2027.6.4 更新數(shù)據(jù) 2057.6.5 排序 2067.7 DataProxy 2077.8 DirectStore 2087.9 DataWriter 2117.10 Ext.data.Api 2117.11 本章小結(jié) 212第三部分 第8章 Ext用戶界面控件 2148.1 布局 2148.1.1 在FormPanel中使用HBoxLayout進(jìn)行布局 2148.1.2 在FormPanel中使用HboxLayout和VboxLayout進(jìn)行布局 2178.1.3 Panel的body的樣式范圍 2228.2 Form表單組件 2248.2.1 DisplayField控件 2248.2.2 在FormPanel中使用TabPanel 2278.2.3 DirectLoad與DirectSubmit 2308.2.4 使用DirectSubmit上傳文件 2338.3 Grid組件 2368.3.1 一個(gè)結(jié)合DataWrite和RowEditor的Grid示例 2368.3.2 在CRUD操作中restful的設(shè)置以及使用Ext.Direct的問(wèn)題 2458.4 ListView控件 2468.5 本章小結(jié) 249第四部分 Ext 擴(kuò)展和Ext插件第9章 Ext 擴(kuò)展 2519.1 利用Ext.extend實(shí)現(xiàn)繼承 2519.2 與Ext擴(kuò)展相關(guān)的預(yù)備知識(shí) 2539.2.1 定義命名空間 2539.2.2 重寫構(gòu)造函數(shù) 2549.2.3 繼承組件的一些準(zhǔn)備 2549.2.4 常用的輔助函數(shù) 2559.2.5 使用xtype 2559.3 實(shí)現(xiàn)一個(gè)功能完整的增、刪、查、改表格控件 2569.3.1 擴(kuò)展GridPanel 2569.3.2 配置列模型 2569.3.3 配置顯示數(shù)據(jù) 2579.3.4 點(diǎn)綴EasyGrid 2589.3.5 實(shí)現(xiàn)添加一條記錄的功能 2599.3.6 實(shí)現(xiàn)修改一條記錄的功能 2619.3.7 實(shí)現(xiàn)刪除一條記錄的功能 2639.4 從頭實(shí)現(xiàn) Ext擴(kuò)展 2679.5 本章小結(jié) 271第10章 Ext插件 27210.1 插件的用法 27210.2 標(biāo)簽頁(yè)右鍵菜單TabCloseMenu 27310.3 面板最大化MaximizeTool 27510.4 分頁(yè)設(shè)置PageSizePlugin 27910.5 行數(shù)據(jù)擴(kuò)展RowExpander 28110.6 本章小結(jié) 287第五部分 調(diào)試第11章 調(diào)試 28911.1 測(cè)試Ext.Element的功能 28911.1.1 獲取Ext.Element實(shí)例 28911.1.2 測(cè)試CSS樣式操作 29111.1.3 測(cè)試DOM操作 29311.1.4 測(cè)試DOM查詢與遍歷 29711.1.5 測(cè)試事件處理 29911.2 結(jié)合DataWrite和RowEditor的Grid的調(diào)試過(guò)程 30011.3 本章小結(jié) 303第六部分 實(shí)例第12章 單頁(yè)面應(yīng)用實(shí)例系統(tǒng)分析 30512.1 系統(tǒng)分析 30512.2 系統(tǒng)設(shè)計(jì) 30512.2.1 單頁(yè)面應(yīng)用設(shè)計(jì)的難點(diǎn) 30512.2.2 開發(fā)與運(yùn)行環(huán)境 30612.2.3 數(shù)據(jù)庫(kù)設(shè)計(jì) 30612.3 各個(gè)模塊的詳細(xì)功能說(shuō)明 30812.3.1 登錄頁(yè)面 30812.3.2 主頁(yè)面 30812.3.3 角色管理 30812.3.4 用戶管理 30912.3.5 進(jìn)倉(cāng)管理 30912.3.6 出倉(cāng)管理 31012.3.7 產(chǎn)品管理 31012.3.8 庫(kù)存統(tǒng)計(jì) 31112.3.9 修改密碼 31112.4 本章小結(jié) 311第13章 單頁(yè)面應(yīng)用實(shí)例-.NET語(yǔ)言實(shí)現(xiàn) 31213.1 創(chuàng)建應(yīng)用并設(shè)置開發(fā)環(huán)境 31213.2 自定義Membership提供程序 31413.3 登錄頁(yè) 31613.4 主頁(yè)面 32113.5 Ext.Direct的API句柄 32613.6 修改密碼對(duì)話框 32713.7 角色管理模塊 33013.8 用戶管理 34213.9 產(chǎn)品管理 35313.10 進(jìn)倉(cāng)管理 36413.11 出倉(cāng)管理 38513.12 庫(kù)存統(tǒng)計(jì) 40013.13 退出頁(yè) 40413.14 權(quán)限設(shè)置 40513.15 本章小結(jié) 406第14章 單頁(yè)面應(yīng)用實(shí)例——Java語(yǔ)言實(shí)現(xiàn) 40714.1 技術(shù)選型 40714.2 搭建開發(fā)環(huán)境 40814.3 配置Ext.Direct 41014.4 用戶登錄頁(yè)面 41414.5 系統(tǒng)主頁(yè)面與動(dòng)態(tài)菜單 41814.6 用戶管理模塊 42414.7 角色管理模塊 43614.8 產(chǎn)品管理模塊 44414.9 進(jìn)倉(cāng)管理模塊 44714.10 出倉(cāng)管理模塊 45714.11 庫(kù)存統(tǒng)計(jì)模塊 47114.12 用戶修改密碼窗口 47614.13 用戶注銷 47914.14 本章小結(jié) 480

章節(jié)摘錄

插圖：在經(jīng)歷了一年多的等待，Ext官方出人意料地推出了一個(gè)只有25KB大小的Ext Core 3，此舉說(shuō)明Ext官方己不滿足于使用Ext構(gòu)建wleb應(yīng)用平臺(tái)，還要在Web 2.0網(wǎng)站開發(fā)中與jQuery一較高低。Ext Core為了實(shí)現(xiàn)輕量化，將Ext中的UI部分和與之相關(guān)的數(shù)據(jù)處理部分都剔除了，只保留了DOM操作和遍歷、Ajax、事件處理（包括自定義事件）、動(dòng)畫、模板、面向?qū)ο髾C(jī)制等內(nèi)容。本章將重點(diǎn)講解Ext Core的核心功能。1.1  Ext.Element在一個(gè)網(wǎng)頁(yè)文檔里包含了許多HTML標(biāo)簽，而這些HTML標(biāo)簽在DOM樹中會(huì)轉(zhuǎn)換成一個(gè)個(gè)的HTML Element，從而便于腳本引用。由于瀏覽器DOM操作的差異，為了實(shí)現(xiàn)web框架的跨瀏覽器特性，每個(gè)框架都會(huì)構(gòu)建一個(gè)新類，用來(lái)操作和遍歷DOM樹，而在Ext框架中實(shí)現(xiàn)該功能的類就是Ext. Element。Ext.E1ement類是Ext Core庫(kù)中方法最多的類，其主要方法大致可歸納為以下幾類：CSS樣式操作（例如：set Style、addClass）。DOM查詢與遍歷（例如：query、select、findParent）。DOM操作（例如：createChild、remove）。尺寸大小操作（例如：get Height、get Width）。下面幾小節(jié)將簡(jiǎn)要介紹Ext. Element類的使用和方法。1.1.1獲取HTML Element節(jié)點(diǎn)的Ext. Element實(shí)例

編輯推薦

《Ext JS高級(jí)程序設(shè)計(jì)》特色·權(quán)威：兩位資深Ext專家親自執(zhí)筆，4大專業(yè)網(wǎng)站聯(lián)袂推薦?！ば路f：基于Ext 3.x最新版撰寫，各種新特性一覽無(wú)余?！ど钊耄和笍仃U述Ext Core、Store和Ext. Direct等殺手锏應(yīng)用的各種功能和特性?！と妫篍xt UI、Ext擴(kuò)展、Ext插件、調(diào)試等的原理與方法盡含其中。·實(shí)用：包含兩個(gè)極具商業(yè)價(jià)值的完整實(shí)例，同時(shí)用Java和.NET實(shí)現(xiàn)。如果你也在思考下面的問(wèn)題，也許《ExtJS高級(jí)程序設(shè)計(jì)》就是你想要的！·試與jQuery一爭(zhēng)高下的Ext Core有何過(guò)人之處？用Ext Core構(gòu)建網(wǎng)站與jQuery有什么不同？·為什么說(shuō)Ext. Direct是Ext的革命性變化？它如何保證無(wú)論服務(wù)器端使用何種平臺(tái)，客戶端都無(wú)需進(jìn)行修改？·數(shù)據(jù)與界面分離的優(yōu)勢(shì)已經(jīng)被廣大開發(fā)者所認(rèn)可，Ext是如何做到這一點(diǎn)的？·你還在為自己沒(méi)有美術(shù)功底而苦惱？你領(lǐng)略過(guò)Ext UI的迷人魅力嗎？它在Ext 3.x中又有哪些超凡脫俗的表現(xiàn)？·易于擴(kuò)展是Ext的最大特色之一，如何才能將它的這一功能發(fā)揮到極致？·在應(yīng)用Web化的大潮中，單頁(yè)面應(yīng)用越來(lái)越受追捧，如何使用Ext,陜速而簡(jiǎn)單地開發(fā)單頁(yè)面應(yīng)用？·Web開發(fā)中最讓開發(fā)者頭疼的是腳本調(diào)試，如何才能很好地利用目前公認(rèn)最好的調(diào)試工具Firebug發(fā)現(xiàn)并解決開發(fā)中遇到的各種Bug？國(guó)內(nèi)第一本基于Ext3.x的經(jīng)典著作，4大專業(yè)網(wǎng)站聯(lián)袂推薦

圖書封面

圖書標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    Ext JS高級(jí)程序設(shè)計(jì) PDF格式下載

---