一、将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":""
}

记dwz（JUI）前端框架使用（一）相关推荐

DWZ (JUI) 教程 dwz框架刷新dialog解决方案
原文:DWZ (JUI) 教程 dwz框架刷新dialog解决方案在DWZ中进行ajax表单提交后,通过回调函数来返回状态结果,以及返回是否需要刷新父页的navTabId. DWZ给 ...
DWZ富客户端框架使用手册
概述 DWZ富客户端框架(jQuery RIA framework),是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用.扩展方便.快速开发.RI ...
UI控件库分享：DWZ(j-UI)、LigerUI、Linb
DWZ(j-UI): 在线演示地址:http://demo.dwzjs.com 在线文档:http://demo.dwzjs.com/doc/dwz-user-guide.pdf DWZ框架Ajax开 ...
DWZ富客户端框架设计思路与学习建议
DWZ富客户端框架设计目标是简单实用.扩展方便灵活.快速开发.RIA思路.轻量级设计思路第一次打开页面时载入界面到客户端, 之后和服务器的交互只是数据交互, 不占用界面相关的网络流量. 支持HTM ...
前端框架你究竟选什么
在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apach ...
几款常用的高质量web前端框架
Web前端框架就是为了节约开发成本和时间,一般开发一个项目都会用到前端框架(除非自己有前端开发团队),根据我经验找的几款web前端框架做出了分析.都是个人意见,仁者见仁智者见智. QUICK UI Q ...
记一次前端性能优化——vue-cli4优化首屏加载
记一次前端性能优化--vue-cli4优化首屏加载一.前言 vue.js是一款时下非常流行的前端框架,很多公司,例如阿里.腾讯.字节等都在积极应用vue作为前端开发框架.这就说明,熟练使用vue开发 ...
2019年几大主流的前端框架（UI/JS）框架
如今的前端已经不再像以前一样就是简单的写写页面和调调样式而已,现在的前端越来越复杂,知识点越来越丰富. 要做WEB前端,就需要知道前端到底是什么,需要学习那些知识:前端至少要懂的三个部分:HTML,C ...
红薯微剧场 | 开源众包发包记第一集 —— 前端篇
开源众包发包记 ---玩转众包第一集巧引外援.顺度难关---前端开发项目篇丁酉年11月,北京的天气已经逐渐寒凉,部分办公司的灯光已熄灭,办公室的窗户上印衬着佳佳略显倦怠的容颜.虽然小风 ...
新兴前端框架 Svelte 从入门到原理
在这篇文章中,我们将会介绍 Svelte 框架的特性.优缺点和底层原理. 本文尽量不会涉及 Svelte 的语法,大家可以放心食用.因为 Svelte 的语法极其简单,而且官方教程学习曲线平缓http ...

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

一、将DWZ加入web项目中

二、CRUD操作

1.分页查询

2.增、删、改

记dwz（JUI）前端框架使用（一）相关推荐

最新文章

热门文章