DWZ国产开源UI框架介绍

在Web应用程序的开发过程中，当后台的架构比较成熟后，我们会发现UI成了开发最大的瓶颈。

对于大公司而言，他们都有自己的UI框架，因为他们有足够的资源去维护和发展自己的UI框架。

通常小公司没有这样的技术力量和资源去维护自己的一套UI框架，选择一个开源UI框架是比较实际的一条路子。

 

我为Web UI框架做过一次选型，对比了ExtJs/Jquery UI/dhtmlx/DWZ等几个UI框架后，最终选定了DWZ。

这里就不列举选型过程中的对比分析了，只就我的认知对DWZ做个介绍。

DWZ是个很不错的UI框架，国产的，三个人的团队在开发，一个美工，两个js开发。

我已在实际生产环境中使用，从1.1.x开始使用到1.3.x，目前还未升级到1.4.x。

DWZ项目地址在：http://code.google.com/p/dwz/。

 

我不是托，以下就想到啥写啥了，最讨厌javaeye新闻板块那些发一个什么国产开发框架发布了，然后弄几个马甲做托自己吹嘘的玩意了。

1. 基于jquery。jquery在js这块基本上是个事实标准库，不用担心发展问题。

2. ajax单页面框架，其它的页面都是通过ajax加载到主页面来的。这是它最重要的特性，了解这点对于理解它很重要。

3. 有比较丰富的内置UI组件，树/分页列表/Outlook折叠菜单/Panel/日期控件等等，能满足大多数应用需求。

4. 消息提示采用json格式封装，在页面以弹出层的方式显示，非常不错。

5. 组件采用原生html标签元素+自定义属性实现，大大降低了开发人员的学习成本。

6. 整个框架采用navTab机制实现在页签中展示页面，这是固化的不可改变的结构，所以对于门户站之类的互联网应用不太适用，比较适用于纯应用程序。

7. 源码分隔的很合理，易于查阅和理解。dwz.core.js/dwz.ajax.js/dwz.ui.js需要自己去熟悉和理解，其它是组件js，可以只在需要的时候查阅。

8. 由于是单页面框架，页面元素的id之类的标识以及自定义的js函数命名应当注意规范，因为容易冲突导致出现不易发现的bug。或者扩展写一些辅助函数帮助你在指定的navTab中查找页面元素吧。

9. 第三方jquery插件直接集成使用时可能会出现问题，因为...这是个单页面框架，最好是按dwz本身的插件集成机制进行扩展，而不是直接继承第三方的jquery插件。

10. 集成了jquery.validate并作了封装，表单的JS校验省力了。

11. 表单及查看页面的布局比较死板，样式简洁得只剩白板，要好看一些得自己下点功夫修饰一下。

12. 文档更新得不是很及时，有些代码有的功能文档上却没写...所以请相信源码多于它的文档吧。

评论

2 楼 endual 2013-09-22  

要是写一篇dwz整合其他jquery插件的demo就好了，在此先xxlz奥。

1 楼 靖玉王 2013-07-25