基于Jquery的经典UI框架 DWZ富客户端框架设计思路与学习建议

[ 2012-04-01 09:22:09 | 作者: admin ]

字号: 大 | 中 | 小

DWZ富客户端框架设计目标是简单实用、扩展方便灵活、快速开发、RIA思路、轻量级

设计思路

第一次打开页面时载入界面到客户端, 之后和服务器的交互只是数据交互, 不占用界面相关的网络流量.

支持HTML扩展方式来调用DWZ组件.

基于jQuery标准化Ajax开发, 降低Ajax开发成本.

学习DWZ的建议

通读DWZ文档，很多问题文档中都写了，初学者最好先读一遍文档。
看demo每个组件演示效果和代码（留意组件html结构）。
建议安装firebug，用firebug看html结构、CSS和调试JS都非常方便。见附录一 firebug介绍。
对于初学者不建议看DWZ全部源码，但还是非常有必要看看dwz.ui.js和dwz.ajax.js
可以从google code下载dwz_thinkphp版本或dwz4j(Java版本)，结合后台程序去理解DWZ和服务器端的交互方式
DWZ区别于其它JS框架，最大的优点

完全开源，源码没有做任何混淆处理，方便扩展
CSS和js代码彻底分离，修改样式方便
简单实用，扩展方便，轻量级框架，快速开发
仍然保留了html的页面布局方式
支持HTML扩展方式调用UI组件，开发人员不需写js
只要懂html语法不需精通js，就可以使用ajax开发后台
基于jQuery，UI组件以jQuery插件的形式发布，扩展方便

作者推荐一本书