Qooxdoo入門

qooxdoo(發音['kuksdu:])和EasyUI,ExtJS 相似，是一種基於瀏覽器建立使用者友好，介面表現豐富RIA應用系統的通用JavaScript框架。Qooxdoo的核心是完全基於類,並充分利用了JavaScript面向物件的功能。它的名稱空間功能使使用者很方便的管理和組織自己的程式碼，且很容易與其他JS類庫進行整合。Qooxdoo支援大多數現代瀏覽器(如Firefox, IE, Opera, Safari, Chrome)。它本身整合的工具鏈允許快速完整的應用系統進行自動構建、優化、壓縮、連結和部署。它的核心功能還包括了國際化和本地化功能，可以自動生成不同國家和語言的應用程式。

以上對qooxdoo做了一個簡單的介紹，下面我們就一步一步的進行學習。

一、Qooxdoo執行環境設定

由於qooxdoo自帶工具使用Python指令碼語言，因此環境設定的第一步是下載ActivePython指令碼語言程式交併安裝，開啟下載網址：http://www.activestate.com/activepython/downloads或http://pan.baidu.com/s/1slAjsEp進行下載。

Qooxdoo使用的版本為2.7，因此我們點選下載2.7版本。下載完成後執行安裝程式，並按預設設定進行安裝。安裝成功後在

第二步需要下載qooxdoo的框架原始碼。開啟下載地址：http://qooxdoo.org/downloads或http://pan.baidu.com/s/1slAjsEp進行下載

由於我們開發是的RIA程式，所以請下載Desktop版，當前最新版為5.0.1，下載完成後將qooxdoo-5.0.1-sdk.zip壓縮檔案解壓到你的WEB伺服器目錄下（其它目錄下也可以，這裡為了講解決方法請使用

到這裡qooxdoo的開發及執行環境就設定完成了。

二、第一個qooxdoo程式。

使用QXDesigner開發一個hello world程式。首先到http://pan.baidu.com/s/1slAjsEp下載QXDesigner(20170104).rar，並解壓。執行QXDesinger.exe程式。

使用tools選單項對Qooxdoo及Python的安裝路徑進行設定。

完成後使用File選單下的New Project命令建立一個Qooxdoo工程。

選擇工程所要放置的路徑，填好應用名稱及應用名稱空間，如果名稱空間不填，系統將預設使用應用名稱做為空間名稱。點選Create按鍵，系統自動使用命令視窗並執行工作建立命令，在指定的路徑下建立應用框架。

目錄結構如下圖：

使用Project選單下的Compile Project命令對應用進行編譯。

現在你可以開啟一個瀏覽器，輸入地址:file:///C:/web_app/webroot/qxtest/source/index.html檢視框架的效果。

點選first button按鍵，系統會彈出一個hello world對話方塊。

QXDesigner交流群：579953097