BS軟件之框架DWZ

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

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

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

設(shè)計(jì)思路

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

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

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

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

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

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

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