ExtJS入門——-環境搭建

ExtJS是一種主要用於建立前端使用者介面，是一個基本與後台技術無關的前端ajax架構。一、引入類庫檔案Extjs類庫介紹：adapter：負責將裡面提供第三方底層庫（包括Ext 內建的底層庫）映射為Ext 所支援的底層庫。build： 壓縮後的ext 全部源碼(裡面分類存放)。docs： API 協助文檔。exmaples：提供使用ExtJs 技術做出的小執行個體。resources：Ext UI 資源檔目錄，如CSS、圖片檔案都存放在這裡面。source： 無壓縮Ext 全部的源碼(裡面分類存放) 遵從Lesser GNU （LGPL）開源的協議Ext-all.js：壓縮後的Ext 全部源碼。ext-all-debug.js：無壓縮的Ext 全部的源碼(用於調試)。ext-core.js：壓縮後的Ext 的核心組件，包括sources/core 下的所有類。ext-core-debug.js：無壓縮Ext 的核心組件，包括sources/core 下的所有類。二、建立一個jsp頁面或者html檔案並引入js檔案和css檔案，js檔案的引入一定要注意順序<!-- 引入extjs的css樣式檔案 --><link rel="stylesheet" type="text/css" href="/extjs_01/ext-4.0/resources/css/ext-all.css"><!-- 引入使用extjs所依賴的js檔案    交給引導程式處理--><script type="text/javascript" src="/extjs_01/ext-4.0/bootstrap.js"></script><!-- 引入自己的js檔案         extjs所依賴的js檔案的引入一定要在自己的js之前引入--><script type="text/javascript" src="/extjs_01/example/lession01/hw.js"></script>三、建一個自己的js檔案如果自己沒有建立js檔案，那在上面就不需要引入自己的js檔案了，只要在<script></script>中書寫代碼就可以了ExtJS優點：1、統一主題2、UI與資料庫解耦3、豐富的UI組件4、方便測試與調試5、優秀的源碼在使用和開發ExtJS之前，可以在工具上安裝外掛程式實現智能提示功能（例如：Spket）