本篇介紹ExtJS相關知識，是以ExtJS4.2.1版本為基礎進行說明，包括：ExtJS的特點、MVC模式、4.2.1GPL版本資源的下載和說明以及4種主題的演示。
目錄
1. 介紹
1.1 說明
1.2 特點
1.3 使用協議
1.3 MVC模式
2. 資源
2.1 資源地址
2.2 資源目錄說明
2.3 docs/index.html
3. 運行圖
1. 介紹
1.1 說明
ExtJS是一個用javascript、CSS和HTML等技術實現的主要用於創建RIA即富客戶端，且與后台技術無關的前端Ajax框架。
常用於企業內部管理系統、行政系統等SAP類型的應用。
1.2 特點
1) 提供了非常多的豐富、功能強大的組件。
2) 面向組化件開發，區別於jQuery的面向Dom開發。
3) 跨瀏覽器支持：IE、Chrome、Firefox、Safari、Opera。
4) 框架體積龐大，適合編寫內網項目。(ExtJS4.2.1的ext-all.js大小為1.46M)
1.3 使用協議
ExtJS提供2種使用協議：GPL3.0(免費) 和 商業協議(付費)。
1.4 MVC模式
ExtJS是一個MVC模式的框架(在ExtJS 5中加入了MVVM模式)。
MVC，全稱為Model-View-Controller，即模型 - 視圖 - 控制器，是一個用於編寫軟件的架構模式。它把軟件系統分為三個基本部分：模型（Model）、視圖（View）和控制器（Controller）。此模式通過對復雜度的簡化，使程序結構更加直觀。
ExtJS 4對各個部分定義的功能：
Model(模型) ：用於封裝與應用程序的業務邏輯相關的數據以及對數據的處理方法。一個數據字段的集合，可通過關聯被鏈接到其他模型和通過代理鏈接到一個數據流。
View(視圖) ：表示數據給用戶。任何類型的組件，這些組件將信息輸出到瀏覽器，如Form、Grid、Chart。
Controller(控制器) ：是MVC應用程序的邏輯部分。它處理事件並作出響應。“事件”包括用戶的行為和數據 Model 上的改變。Ext.app.Controller為控制器的基類。
引用來源：http://www.extjs-tutorial.com/extjs/extjs-4-mvc-architecture
2. 資源
2.1 資源地址
這里以ExtJS 4.2.1為版本進行介紹。
官方GPL協議版本下載 ：http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip
官方API ：http://docs.sencha.com/extjs/4.2.1/#!/api
官方實例 ：http://docs.sencha.com/extjs/4.2.1/#!/example
中文API(4.1.0版本) ：http://extjs-doc-cn.github.io/ext4api/
4.2.1 CDN ：http://www.bootcdn.cn/extjs/4.2.1/
2.2 資源目錄說明
http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip解壓后截圖：
2.2.1 目錄
builds ：ExtJS壓縮后的代碼，經過壓縮的代碼體積更小，加載更快。
docs ： ExtJS的文檔目錄，index.html可查看ExtJS的API、Guides、Examples。
examples ：Demo 目錄，index.html可查看Demo列表。
locale ：多國語言資源目錄，其中ext-lang-zh_CN.js為簡體中文(此文件遺漏了RadioGroup的必填提示)。
pkgs ：ExtJS部分功能的打包文件。如：主題。
plugins ：ExtJS所需要的插件目錄。如：flash。
resources ：ExtJS所用到的樣式和圖片等資源。包括4個主題：classic(經典：默認此主題)、access(穩重/黑色)、gray(灰色)、neptune(海王星)。
src ：各組件的源代碼。
welcome ：訪問頁目錄。
2.2.2 文件
bootstrap.js ：引導文件，根據當前運行環境自動加載ext-all.js 或者 ext-all-dev.js文件。
ext.js ：已壓縮Js代碼；基本框架，動態加載擴展類。
ext-all.js ：已壓縮Js代碼；包括ExtJS整個框架。
ext-all-debug.js ：未壓縮Js代碼；包括ExtJS整個框架。
ext-debug.js ：未壓縮Js代碼；基本框架，動態加載擴展類。
ext-all-rtl-debug.js ：未壓縮Js代碼；包括ExtJS整個框架並支持從右到左閱讀。
ext-all-rtl-sandbox-debug.js ：未壓縮Js代碼；包括ExtJS整個框架、支持從右到左閱讀以及支持以沙盒方式使用其他版本的ExtJS。
ext-all-rtl-sandbox.js ：已壓縮Js代碼；包括ExtJS整個框架、支持從右到左閱讀以及支持以沙盒方式使用其他版本的ExtJS。
ext-all-rtl.js ：已壓縮Js代碼；包括ExtJS整個框架並支持從右到左閱讀。
ext-all-sandbox-debug.js ：未壓縮Js代碼；包括ExtJS整個框架並支持以沙盒方式使用其他版本的ExtJS。
ext-all-sandbox.js ：已壓縮Js代碼；包括ExtJS整個框架並支持以沙盒方式使用其他版本的ExtJS。
2.3 docs/index.html
docs/index.html 頁面可查看ExtJS的API、Guides、Videos、Examples。
API ：介紹ExtJS框架的全部API；包括：各組件、各工具類、ExtJS核心等API。
Guides ：介紹ExtJS的概述、概念、組件、指南等方面的知識。
Videos ：通過視頻介紹ExtJS各方面。
Examples ：ExtJS各組件的Demo。
API和Examples方面的資料已經滿足了日常開發的需求，若希望對ExtJS框架深入了解可以看Guides方面的資料。
3. 運行圖
展示4個主題的運行圖
classic(經典：默認此主題)、access(穩重/黑色)、gray(灰色)、neptune(海王星)。
3.1 classic 經典主題
3.2 access 穩重/黑色主題
3.3 gray 灰色主題
3.4 neptune 海王星主題
