记dwz（JUI）前端框架使用（一）

目录

一、将DWZ加入web项目中

二、CRUD操作

1.分页查询

2.增、删、改

---

一、将DWZ加入web项目中

1. 下载DWZ并解压。个人下载地址：(237条消息) dwz-jui-master.zip资源-CSDN文库https://download.csdn.net/download/u011529483/87930662

2. 项目中新建dwz资源文件夹，然后将下载解压后的所有dwz文件复制到项目的dwz文件夹中。如下图：

dwz.frag.xml文件一定要引入，index.html 起始页面。此时运行项目、然后访问index.html即可看到框架已经成功引入。后续只需要找到相应示例页面进行改动。如下图：

项目开发中一般会单独新建文件夹，将要使用的dwz示例页面复制过去使用，复制的index页面一定要将导入的css、js文件的路径进行对应的修改。其它碎片化页面大多不用关心。如下图：

二、CRUD操作

1.分页查询

dwz分页查询页面主要注意两段代码，如下图：

 两段代码的关系：当pagination分页组件的分页事件被触发时，dwz会自动请求pagerForm隐藏域表单提交相关查询条件到后台Controller请求数据分页查询方法。开发人员不再关心页面JS请求的实现。

2.增、删、改

如图：

增、删、改时页面请求后台Controller方法时，后台响应均为json格式数据，如下图：

JsonBean.setNavTabId("siCardInfo"); //index.jsp页面中菜单的ref值 

{
"statusCode":"200",
"message":"操作成功",
"navTabId":"",
"rel":"",
"callbackType":"closeCurrent",
"forwardUrl":""
}