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版)

学习DWZ的建议

刚接触DWZ的人可能感觉DWZ文档太少、入门困难，原因都是没有掌握正确的学方法。建议按下面的步骤来学习DWZ框架：

·         通读DWZ文档，很多新手提的问题文档中都写了。

·         看demo每个组件演示效果和代码（留意组件html结构）。

·         建议安装firebug，用firebug看html结构、CSS和调试JS都非常方便。见附录一firebug介绍。

·         对于初学者不建议看DWZ全部源码，但还是非常有必要看看dwz.ui.js和dwz.ajax.js

·         可以从google code下载dwz_thinkphp版本，结合php后台去理解DWZ和服务器端的交互方式

DWZ区别于其它JS框架，最大的优点

·         完全开源，源码没有做任何混淆处理，方便扩展

·         CSS和js代码彻底分离，修改样式方便

·         简单实用，扩展方便，轻量级框架，快速开发

·         仍然保留了html的页面布局方式

·         支持HTML扩展方式调用UI组件，开发人员不需写js

·         只要懂html语法不需精通js，就可以使用ajax开发后台

·         基于jQuery，UI组件以jQuery插件的形式发布，扩展方便