BS軟件之框架DWZ

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

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

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

設計思路

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

支持HTML擴展方式來(lái)調用DWZ組件.

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

學(xué)習DWZ的建議

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

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

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