DWZ富客户端框架设计思路与学习建议

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插件的形式发布，扩展方便

推荐2本JS好书:

jQuery实战

 

JavaScript高级程序设计(第2版)