內容簡介
《JavaScript凌厲開發:Ext詳解與實踐》(網站開發路線圖)內容包含:Ext基礎,事件機制、創建用戶界面、數據驅動、Ext高級套用、Ext擴展與外掛程式、最佳化Ext、制定Ext外觀、JavaScript與HTML的調試、製作新聞管理系統。富客戶端程式RIA使Web表示層的技術向前邁進了一大步,開創了圖形化編程的新一代先河。在它的帶動下,許多優秀的RIA開發方案相繼問世。這些開發方案各有個秋,但它們都或多或少地從傳統桌面程式開發中汲取了營養。隨著前端技術的不斷進步,以及JavaScript引擎的速度改善,基於Ajax方案的ExtJS也在不斷進步。ExtJS及與之相關的GXT、ExtSHARP等開發工具的推出,使快速開發、基於可視化快速開發工具又向前邁進一大步。《JavaScript凌厲開發:Ext詳解與實踐》(網站開發路線圖)作者為EXT中文站站長領銜的三個國內EXTJS先鋒。《JavaScript凌厲開發:Ext詳解與實踐》(網站開發路線圖)光碟包含:《JavaScript凌厲開發:Ext詳解與實踐》(網站開發路線圖)原始碼,EXTJS2.2,EXT相關視頻講解,測試工具視頻講解,項目實踐視頻講解。
作者簡介
張鑫JavaScript開源社區JS堂站長,Ext中文站站長,EXTJS原作者JACK的中文部落格參與維護人。熱衷於Web前端開發,在Ajax和WebUI領域功力深厚,國內最早套用EXTJS進行實際項目開發的程式設計師,EXT熱血高手,通過社區、部落格、翻譯文檔等途徑不遺餘力的推廣EXTJS。曾與友人合作編寫過《AIR完整入門與開發實錄》AjaxAIR的部分。
編輯推薦
Ext創始人中文部落格參與維護者領銜力作,Ext開發過程與測試過程全程視頻,《JavaScript凌厲開發:Ext詳解與實踐》(網站開發路線圖)實例素材和優質原始碼,《JavaScript凌厲開發:Ext詳解與實踐》(網站開發路線圖)中的項目源代嗎和配置檔案,Ext2.2框架檔案。
專業Web開發技術思路與開發流程,關鍵技術點一步一個腳印,無與倫比的操作性,實例千挑萬選,拒絕華而不實,精準闡述,一語道破天機。
RIA和Ajax都是目前軟體開發領域裡的熱點辭彙,也確實有很多網站正在或者計畫採用這些技術。Ext以其穩定性、易用性和可維護性的特點,成為Ajax框架中的領先者。張鑫領銜撰寫的這《JavaScript凌厲開發:Ext詳解與實踐》(網站開發路線圖)詳細介紹了Ext,比如事件機制、數據驅動、擴展外掛程式和最佳化等,對想深入探索Ext的技術人員很有幫助。
InfoQ中文站(infoq.com/cn)總編輯霍泰穩
Ext作為一個優秀的javascript框架,不僅能在編寫簡單的javascript應用程式時提高效率,而且能在構建複雜的Web應用程式提供各種用戶互動界面。而《JavaScript凌厲開發——Ext詳解與實踐》作為一本學習Ext框架的入門手冊既揭開了Ext神秘的面紗,也可以作為Web前端開發人員的參考資料,值得一讀。
jQuery中文社區站長楊樂(yorsal)
Ext是迄今為止最完整最優雅的WebUI開發平台之一,它的出現使Web程式設計師真正具備了獨立設計UI的能力。
該書是國內少有專注於Ext研究的著作,也是一本難得的AJAX實戰指導教材。
jsvm.org創始人、資深Ajax開發者萬常華
很高興聽見Frank要出版ExtJS的中文教學,在Ext還在萌芽階段時,Frank就已投身Ext的教學行動並無私地在網路上分享學習心得。這也是我與和Frank交流的開始。
ExtJS是一套結構嚴謹及功能強大的Framework,沒有相當程度的程式功力及架構學識,學習ExtJS是會遭遇到相當大的困難,最後因為不得其門而入,最後選擇放棄。
如今包括Frank一共三位作者投入心力及時間為ExtJS寫出《JavaScript套用開發——Ext詳解與實踐》實在是大家的福氣.因為網路上的官方檔案都是英文,對於我們的理解能力都是相當吃力的,如果沒有透過適當的導引,仍無法一眼以觀全貌。而且《JavaScript凌厲開發:Ext詳解與實踐》(網站開發路線圖)內容結合了作者的開發經驗,去粗取精,尤其體現在項目開發的內容上,具有相當大的價值。
就讓Frank、燈橋、彥強帶著大家,循序漸進地體驗ExtJS這套強大而優美Franmwork吧!
歐力資訊企業有限公司CEO簡名駿。
ExtJS從2006年開始在國內嶄露頭角,作為一個小團隊的開發產品,罕見的迅速被廣大中國用戶認可,有大量勇於嘗試的先驅將之套用於實際項目中,這其中就包括Frank他們,這《JavaScript凌厲開發:Ext詳解與實踐》(網站開發路線圖)是目前能找到的中文資料中比較系統比較到位的,希望可以幫助那些朋友們正確而迅速的走進ExtJS的華麗世界。
目錄
第1章 Ext開篇
1.1網路開發浪潮
1.2RIA三足鼎立
1.2.1Flex和OpenLaszlo
1.2.2Faces客戶組件
1.2.3微軟WindOWSPresentationFoundation/Silverlight
1.3Aiax革命
1.4風靡世界的Ext
1.5周邊生態系統
1.6創作班底
1.7開發環境簡介
1.7.1 IsEclipse
1.7.2 Aptana
1.7.3 Spket
1.7.4 Dreamweaver
1.7.5 VisualStudio
1.7.6KomodoEdit
1.7.7 關於IavaScript的IDE
第2章 Ext起步
2.1 獲取Ext的方法
2.2 EXt運行環境
2.3 如何兼容其他IavaScript庫
2.4 對伺服器端的一些要求
2.5 ExtExamples例程解析
第3章 Ext基礎
3.1 使用EXT編寫第一個Ajax套用
3.2 構成用戶界面的元素
3.3獲取頁面元素
3.4 元素常見的使用方法。
3.4.1Ext.Element.*——常見的“顯示/隱藏”方法
3.4.2Ext.Element.*——常見的“內容控制”方法
3.4.3Ext.Element.*——常見的“操控DOM”方法
3.4.4Ext.Element.*——常見的“尺寸大小/定位”方法
3.4.5Ext.Element.*——常見的“特效動畫”方法
3.4.6Ext.Element.*——小結
3.4.7DomHelper簡介
3.5DomQuery入門
3.5.1元素選擇符Selector
3.5.2 屬性選擇符AttriibutesSelectors
3.5.3 CSS值元素選擇符
3.5.4 Ext.query與Ext.select的使用注意事項
3.5.5 元素ID/Class知識拾遺
第4章 事件機制
4.1 事件概述
4.2 瀏覽器事件淺析
4.2.1 事件分類與事件處理函式
4.2.2 事件登記的4種形式
4.3 Ext中的事件
4.3.1 設計模式——觀察者模式
4.3.2何謂EventHandler’
4.3.3 函式的作用域
4.3.4 小結:如何為EventHandler自定義輸入參數
4.3.5 高級組件事件
4.3.6 形形色色的事件登記途徑
4.3.7 Ext.onReady事件
4.3.8 事件的顆粒控制
第5章 創建用戶界面
5.1 界面組件架構
5.1.1 組件的對象模型
5.1.2 組件的生存周期
5.1.3 組件的渲染原理
5.2 布局功能
5.2.1 頁面布局功能概述
5.2.2 布局的介紹與種類
5.2.3 布局的調試
5.3 Grid組件
5.3.1 Grid的選擇模型
5.3.2自定義單元格的顯示格式
5.3.3 通過拖拽改變行的順序
5.3.4 Grid的分頁、查詢、遠程排序與通過拖拽改變分類
5.3.5 Grid的本地排序
5.4 Form表單組件
5.4.1 FormPanel、FormLayout與BasicForlm的區別
5.4.2 ColumnLayout的使用方法
5.4.3 使用AnchorLayout控制控制項寬度與高度
5.4.4 一行設定多個FiledSet的技巧
5.4.5 Combobox的基本使用方法
5.4.6 本地模式下動態調整Combobox選擇項
5.4.7 實現Combobox的聯動
5.4.8 客戶端驗iiE.
5.4.9 伺服器端驗證
5.4.10 驗證後錯誤信息的顯示方式
5.4.11 Form的提交
5.4.12 Form載入編輯數據
5.4.13 上傳檔案
5.5 Tree樹組件
5.5.1 靜態樹——最簡單的樹
5.5.2以JsON/XML構造成樹
5.5.3 事件處理模式
5.5.4 改變樹的樣式
5.5.5 調試動態樹
5.6 DataView數據視圖組件
5.6.1 通過拖拽改變圖片的順序
5.6.2 一個簡單的圖庫管理例子
5.7 模板功能
5.7.1 Ext.Template
5.7.2 Ext.XTemplate
5.8 拖放功能
第6章 數據驅動
6.1 數據的提交與回響
6.1.1 HTML頁面交換
6.1.2 Ajax請求與回響
6.2 容器類MixedCollection
6.3 數據存儲基本單元Record與DataField
6.3.1 DataField
6.3.2Recorcl
6.4 數據存儲Storle
6.4.1 數據載入
6.4.2 數據的添加
6.4.3 取得記錄信息
6.4.4 排序
6.4.5 事務模式
6.4.6 查找
6.5 數據代理DataProxy
6.5.1 Ext.data.DataProxy
6.5.2Ext.data.MemoryProxy
6.5.3Ext.data.HttpProxy
6.5.4Ext.data.ScriptTagProxy.
6.6數據讀取器DataReader
6.6.1Ext.data.DataReader
6.6.2Ext.data.ArrayReader
6.6.3Ext.data.JsonReader
6.6.4Ext.data.XmlReader
6.7Ext.UX.DWR
6.7.1Ext.data.DwrProxy
6.7.2Ext.data.DwrReader
6.7.3套用頁面
6.7.4Web服務端配置
6.7.5服務層接口
6.8LitJson
6.8.1JSON與對象之間的轉換
6.8.2 輸出ISON格式文本
6.8.3 接收和處理提交的JSON格式文本
第7章 Ext高級套用
7.1JavaScript閉包詳解
7.1.1 閉包的概念
7.1.2閉包成員的生命周期
7.1.3引用而不是複製
7.1.4 閉包套用場景
7.2 面向對象的客戶端腳本設計
7.2.1 從腳本語言到動態語言
7.2.2 基於類的JavaScript繼承
7.2.3 Ext組件的復用
7.2.4 使用super關鍵字
7.2.5 使用命名空間
7.3 單頁面應用程式的設計
7.3.1單頁面GUI為我們帶來了什麼?
7.3.2單頁面GUI的套用情況
7.3.3 動態資源下載
第8章 擴展與外掛程式
8.1 擴展與外掛程式簡介
8.2 擴展的寫法
8.3 外掛程式的寫法
8.4 擴展與外掛程式的選擇
8.5 Ext編輯控制項唯讀外掛程式
8.6 TreeComboBox
8.7 微調擴展Spinner
8.8 PropertyGrid
8.9 集成文本編輯器TinyMCEEditor
8.10 Flash上傳對話框
8.11 ExtGUIBuilder
8.12小結
第9章 客戶端最佳化
9.1 最佳化工具簡介
9.1.1 JSBuilder
9.1.2 YUIcompressor
9.1.3 ISA
9.2 裁減Ext檔案
9.3 開啟服務端的HTTP壓縮功能
9.3.1 Tomcat的設定
9.3.2 Apache的設定
9.3.3 IIS的設定
第10章 定製Ext外觀
10.1 從Ext.BLANK.IMAGE—URL說起
10.2 實時換膚功能
10.3 本地化Ext
第11章JavaScript與HTML的調試
11.1 Firebug的基本操作
11.1.1 安裝Firebug
11.1.2 開啟和關閉Firebug
11.1.2 控制台Console
11.2使用Firebug進行調試
11.2.1 原始碼調試
11.2.2 CSS調試
11.2.3 腳本調試
11.2.4 DOM調試
11.3 跟蹤網路傳輸狀態
11.4 在腳本檔案中加入調試命令
11.5 在IE中使用Firebug
11.5.1DebugBar和Companion.基本操作詳解
11.5.2DebugBar和Companion.安裝
11.5.3DebugBal‘和Companion.基本操作
11.6 調試技巧
11.6.1 在Firebug中直接調試腳本
11.6.2 測試代碼運行速度
11.6.3 查看對象屬性
11.7 小結
第12章 新聞管理系統
12.1 項目需求與開發背景
12.1.1 架構
12.1.2 需要使用的資源
12.2 資料庫表
12.3 配置檔案
12.4 登錄頁面
12.5 主頁面
12.6 用戶管理頁面
12.7 新聞管理頁面
12.7.1 使用MyGeneration創建類別和新聞的數據層和實體類
12.7.2 頁面開發
12.8 修改密碼頁面
12.9 退出頁面
12.10 設定許可權
……