Extjs之Eclipse及spket的開發環境的搭建

1.4如何學習ExtJS
如何學習Ext，是所以剛接觸它的讀者都會問到的問題？學習Ext最好的辦法就是獨立去實現一個應用系統，這個demo系統的相關的功能可以對著Ext包中內建的例子進行改進，在實現系統的過程肯定會碰到這樣那樣的問題，可以通過從相關論壇中詢問來解決或嘗試分析Ext的源碼來進行剖析其問題所在。在開發之前，我們得Crowdsourced Security Testing道從那裡下載Ext,如何搭建快速開發環境和那些較好的論壇。下面就這幾個方面進行講解。
擷取源碼並部署
 首先我們得獲到Ext的源碼或相關的檔案。我們可以通過http://www.extjs.com/products/extjs/download.php到其官方網站下載最新的版本。目前是2.2版本，
                 
  

我們只要點擊ExtJs2.2 SDK後面的download就可以下載所需要的Ext類庫。它包括源碼，執行個體，文檔等。
下載完成之後，為了能運行其文檔或例子，我們要把其解壓部署在容器中，如IIS，tomcat中。只要把其根目錄檔案夾直接拷到對應的容器就可以。接下就可以通過
http://localhost:8080/ext-2.2/docs/index.html這樣的方式訪問到其文檔，或通過
http://localhost:8080/ext-2.2/examples/samples.html來訪問其執行個體，

 

        
 
我們可以通過其執行個體的示範再分析其實現過程。
Eclipse及spket的開發環境的搭建
欲善其事 先利其器，在使用和開發Ext之前，我們也要找到一個好的工具。Ext有眾多的類和方法，基本上是記憶不住每一個的拼字。我們得找到相關的提示的工具。但是提示JS是一件很難的事情。apanata可以說是做得比較好，但是對於Ext的提示不倒位。spket是開發Ext的利器。不但能支援點串形式的提示，而且還能支援鏈式的代碼查看。這對於學習Ext有得極大的協助。
Spket可以免費使用，它以Eclipse外掛程式的形式提供。我們可以在eclipse中強大的功能少整合spket。這樣開發其它代碼或js都可以在同一個工具。在eclipse中安裝spket很簡單：其步驟如下：
     1、在eclipse菜單中選擇Help -> Software Updates -> Find and Install...-> Search for new features to install ->New remote site...。這時會彈出一個視窗，如，在Name:中輸入 "Spket", 在Url:中輸入 http://www.spket.com/update/。點擊ok按鈕。之後按提示一步步進行相關的操作，下載完畢重啟 Eclipse。

 

2、在eclipse菜單中選擇Window -> Preferences -> Spket -> JavaScript Profiles -> New ；快顯視窗，輸入名字：“ExtJS”點擊OK。這時ExtJS會出現在主視窗中，選擇“ExtJS” 並點擊“Add Library”彈出一個小視窗，在該小視窗中下拉條中選取“ExtJS”，為ExtJS指明其屬於那一種類型。接下來在主視窗中選擇 “ExtJS”並點擊“Add File”，然後在你的./ext-2.x/source目錄中選取“ext.jsb” 檔案；
   3、設定新的ExtJS Profile，選中並點擊“JavaScript Profiles” 對話方塊右邊的“Defalut”按鈕；
   4、JS開啟檔案為 Window -> Preferences ->General-> Editors-> File...選擇JS 為 Spket JavaScript Editor(default)。
   現在我們就可以在Ext中使用spket。看一下其功能。只要把滑鼠放在相對的方法中，它會彈出其使用說明。在編寫代碼中，它會自動提示，這樣就給我們開發學習提供了很大的方便。而且當按在ctrl+滑鼠點擊就會跳轉到該方法的源碼處。如所示

 
學習的論壇
在學習和使用Ext，肯定會碰到各種各樣的問題。這些問題有的時候自定不能解決，就得求助於他人。Ext的廣泛的應用，在網路上有很多相關技術討論的論壇。就一些常用論壇做一些介紹。
u       Ext官方論壇
   Ext官方論壇可以說是最權威的討論Ext技術的論壇。它是Ext和使用者交流的視窗。不但提供眾多的Ext的向外延展群組件。還提供了Ext新的功能需求，求助等眾多版塊。問題基本能從這邊得到解決。其網址：http://www.extjs.com/forum/。
u       JavaEye論壇
JavaEye與Ext不同，它是中文論壇。它的Ajax的模組基本上成為中國Ext高手討論Ext技術的專版。在這裡你能很快得到相關的Ext的技術協助和學習的資料。其網址：http://www.javaeye.com/forums。
u       dojo中國
 dojo中國本來是為了dojo進行中文化的Ajax的網站。而現在卻成了Ext相關的知識的講解的網站，從名字上來看講Ext不倫不類，但是其中的一些文章及視頻教程對於初學者還是有很大的協助。其網址：http://www.dojochina.com/。