使用QXDesigner視覺化開發RIA系統(一)
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