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