DWZ富客户端框架

简单实用、扩展方便、快速开发、RIA思路、轻量级
posts - 13, comments - 109, trackbacks - 0, articles - 0
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理

公告

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

Posted on 2011-04-26 10:07 DWZ富客户端-jUI 阅读(...) 评论(...) 编辑 收藏

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,用firebughtml结构、CSS和调试JS都非常方便。见附录一firebug介绍

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

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

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

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

·         CSSjs代码彻底分离,修改样式方便

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

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

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

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

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