DWZ + SSH DEMO 说明.pptx

DWZ + SSH DEMO 说明DWZ 概述DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级DWZ框架支持用html扩展的方式来代替javascript代码, 只要懂html语法, 再参考DWZ使用手册就可以做ajax开发. DWZ富客户端框架是开源项目, 可以免费获取源码. 希望有多的开发人员使用, 共同推进国内整体ajax开发水平.在线演示地址 /在线文档//doc/dwz-user-guide.pdfGoogle Code下载: /p/dwz/总体框架设计主页功能说明主页DWZ初始化Head信息滑动菜单主页文件说明JSPStruts2配置文件action配置名Action类Service类Dao类home.jspstruts-login.xml登录跳转：loginLoginAction.javaLoginServiceImpl.javaIUserDao.javaDWZ初始化：在head 引入必要的js库DWZ框架初始化读取dwz.frag.xml中的页面组件碎片代码. $(function(){DWZ.init(styles/dwz.frag.xml, { //定义了一些dwz组件碎片和提示信息loginUrl:“logout.action”, // 跳转到登录页statusCode:{ok:200, error:300, timeout:301}, //【可选】pageInfo:{pageNum:“pageNum”, numPerPage:“numPerPage”,// 分页设参数置orderField:“orderField”, orderDirection:“orderDirection”}, // 排序参数【可选】debug:false,// 调试模式 【true|false】callback:function(){initEnv();$(“#themeList”).theme({themeBase:“themes”}); // 主题// themeBase 相对于index页面的主题base路径}});});技术实现 –- DWZ初始化滑动菜单：滑动菜单 + 树div class=accordionHeader h2spanFolder/span常用功能/h2/divdiv class=accordionContentul class=treelia href=toSelectNews.action target=navTab rel=showSelectNews title=常用功能常用功能/a/lilia href=toBatchDeleteList.action target=navTab rel=showBatchDelete title=批量删除批量删除/a/li/ul/div参数说明accordionHeader ： 菜单头部信息accordionContent ：菜单内容信息tree ：树形结构技术实现 –- 滑动菜单技术实现 –- 打开页面打开页面：打开navTab页面a href=“toUserList.action” target=“navTab” rel=“showUsers” title=“用户管理用户管理/a弹出dialog页面a class=add href=toAddUser.action title=添加用户 height=330 width=800 target=dialog rel=addUserspan添加/span/a参数说明target ： navTab/dialog打开页面类型rel ：打开页面的IDtitle ：自定义标题用户管理功能说明用户管理列表（分页、排序）检索添加修改删除导出Excel用户管理文件说明JSPStruts2配置文件action配置名Action类Service类Dao类userList.jspstruts-user.xml初始页面/检索：toUserList删除用户：deleteUser导出用户：exportUsersUserAction.javaUserServiceImpl.javaIUserDao.javaaddUser.jsp同上跳转页面：toAddUser添加用户：addUser同上同上同上editUser.jsp同上跳转页面toEditUser修改用户：editUser同上同上同上技术实现 – 分页 分页：form id=pagerForm method=post action=toUserList.action!-- 排序 --input type=hidden na