一、了解
概述：是中國人自己開發的基於jQuery實現的Ajax RIA開源框架.
目的：簡單實用、擴展方便(在原有架構基礎上擴展方便)、快速開發、RIA思路、輕量級
使用：用html擴展的方式來代替javascript代碼
思路：根據官網頁面樣例，查看官方代碼包，查閱相關子頁面，參閱幫助文檔，添加固定的標簽屬性語法
優勢：第一次打開頁面時載入界面到客戶端, 之后和服務器的交互只是數據交互, 不占用界面相關的網絡流量，開源免費
劣勢：文檔少，開發者少，共享資源少，幫助文檔不易閱讀
二、資料
官方地址(在線演示地址)：http://j-ui.com/ 或 http://www.duqn.com/
源碼包下載地址：https://codeload.github.com/dwzteam/dwz_jui/zip/master
幫助文檔：解壓源碼包--》dwz_jui-master\doc
視頻講解：http://pan.baidu.com/s/1bnngfqJ
三、源碼目錄結構
1.文件夾：
idea：構建代碼發布生成的配置文件(不用理會)
bin：壓縮了js文件夾里的dwz框架js文件代碼與壓縮工具
chart：圖像化模塊的js代碼
demo：存儲臨時演示數據文件
doc：幫助文檔
js：Dwz框架核心js代碼庫
themes：樣式表CSS代碼
uploadify：上傳控件
xheditor：官網默認小圖標樣式
2.html文件：
index.html：主頁面
...
xxxx.html：內容代碼片段
...
3.配置文件：
dwz.frag.xml：初始化配置文件
四、Hellow World
1.導入以下依賴文件到工程(具體依賴關系，可以查看index.html所引用的依賴文件)
2.啟動服務，訪問index.html
頁面效果：
五、模塊化復用
在官方訪問地址里找到你需要的頁面效果：
如上所示：頁面內容區域所展示的樣式效果代碼片段就在demo_page1.html文件里
六、數據交互
1.表單提交
提交格式：
默認提交：<Form onsubmit="return validateCallback(this);" action='...' method='...'>
navTab類型頁面提交：<Form onsubmit="return validateCallback(this,navTabAjaxDone);" action='...' method='...'>
dialog類型頁面提交：<Form onsubmit="return validateCallback(this,dialogAjaxDone);" action='...' method='...'>
服務器返回數據：
json:{
"statusCode":"200",
"message":"操作成功",
"navTabId":"",
"rel":"",
"callbackType":"closeCurrent",
"forwardUrl":""
}
提示：
callbackType如果是closeCurrent就會關閉當前tab，只有callbackType="forward"時需要forwardUrl值
navTabAjaxDone這個回調函數基本可以通用了，如果還有特殊需要也可以自定義回調函數，如果表單提交只提示操作是否成功, 就可以不指定回調函數. 框架會默認調用DWZ.ajaxDone()
...
詳細情況，請查看在線幫助文檔：http://j-ui.com//doc/dwz-user-guide.pdf