BS軟件之框架DWZ

文章出處：http://www.mjagi.com 作者：興邦開發(fā)部 人氣： 發(fā)表時間：2015年12月21日

公司新開發(fā)的BS軟件使用的是DWZ富客戶端框架，下面主要介紹DWZ的優(yōu)點和使用方法

DWZ富客戶端框架設(shè)計目標(biāo)是簡單實用、擴(kuò)展方便靈活、快速開發(fā)、RIA思路、輕量級

設(shè)計思路

第一次打開頁面時載入界面到客戶端, 之后和服務(wù)器的交互只是數(shù)據(jù)交互, 不占用界面相關(guān)的網(wǎng)絡(luò)流量.

支持HTML擴(kuò)展方式來調(diào)用DWZ組件.

基于jQuery標(biāo)準(zhǔn)化Ajax開發(fā), 降低Ajax開發(fā)成本.

學(xué)習(xí)DWZ的建議

• 通讀DWZ文檔，很多問題文檔中都寫了，初學(xué)者最好先讀一遍文檔。
• 看demo每個組件演示效果和代碼（留意組件html結(jié)構(gòu)）。
• 建議安裝firebug，用firebug看html結(jié)構(gòu)、CSS和調(diào)試JS都非常方便。見附錄一 firebug介紹。
• 對于初學(xué)者不建議看DWZ全部源碼，但還是非常有必要看看dwz.ui.js和dwz.ajax.js
• 可以從google code下載dwz_thinkphp版本或dwz4j(Java版本)，結(jié)合后臺程序去理解DWZ和服務(wù)器端的交互方式

DWZ區(qū)別于其它JS框架，最大的優(yōu)點

• 完全開源，源碼沒有做任何混淆處理，方便擴(kuò)展
• CSS和js代碼徹底分離，修改樣式方便
• 簡單實用，擴(kuò)展方便，輕量級框架，快速開發(fā)
• 仍然保留了html的頁面布局方式
• 支持HTML擴(kuò)展方式調(diào)用UI組件，開發(fā)人員不需寫js
• 只要懂html語法不需精通js，就可以使用ajax開發(fā)后臺
• 基于jQuery，UI組件以jQuery插件的形式發(fā)布，擴(kuò)展方便