DWZ框架基於jquery。
佈局
它主要偏重ui佈局，提供很多控件，比如日曆啊，表格啊，菜單啊等等，使得我們可以構建單頁面應用。這個單頁面類似3行式佈局：
很清晰，一目瞭然。header和footer部分，沒有什麼可說的，都是一般性的。主要說說sidebar和content的內容。sidebar是一個樹形菜單，它的菜單項的url所指向的頁面最後都被加載到content裏，這裏純ajax的應用，避免表單提交式的全頁刷新。主頁代碼大致如下：
<div id="layout">
<div id="header"></div>
<div id="leftside"></div>
<div id="container"></div>
<div id="footer"></div>
</div>初始化及擴展
當首次進入主頁，dwz會進行初始化。除了常規的頁面佈局，就是菜單和content。tree控件會將已加載來的菜單項初始化爲真正的樹形菜單，而首次加載的content是默認的當前系統相關信息。
樹形菜單的ul下有li，li裏有a，一般菜單都是這種模式。a除了href很重要，還有target，dwz採取約定的方式，其值爲navTab，那麼a指向的頁面會被加載進content。這裏的target就是將請求的資源放在哪裏，若是非菜單項還可取別的值dialog等。dwz會在菜單項點擊事件中，採用ajax的方式往後臺抓取頁面然後處理一下，使用html()方法放進content。而沒抓取加載一次，都要對剛剛抓來並加載的頁面進行initUI操作，這樣這個頁面上的一些佈局及和dwz有關的內容就被初始化了，然後就可以用了。
dwz根據默認的約定來初始化。比如想使用它的時間控件，則定義爲“<input class="date" />”，class必須指定爲date，然後initUi就會爲該元素綁定時間插件。接下來就可以使用了。如果想擴展使用自己的控件，可以在initUi里加上自己的代碼，也同樣使用事先約定的方式，每次加載新頁面就會執行該方法爲頁面元素初始化。
小結
類似ext天藍色的主題，看着適合做內部系統比較好。注重ui方面的快速搭建，同時可以隨意增加自己的插件，靈活性很高。最近，流行扁平化單頁及響應式設計，比如bootstrap等，不知道dwz未來是否會考慮這些呢？