DWZ (JUI) 应用实例（一）：通过自定义标签和BaseAction 简化 table 分页排序

2024-03-20 04:48
文章标签 自定义 应用 实例 排序 分页 table 标签 简化 dwz baseaction jui

本文主要是介绍DWZ (JUI) 应用实例（一）：通过自定义标签和BaseAction 简化 table 分页排序，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 

前段时间忙于做项目，在使用DWZ过程中，发现有些代码的重复度挺大，所以工作空闲之余，写一下分页排序的Demo，并且使用自定义标签简化重复的代码。（发现越来越多的人关注该框架了，因为是国产，可以更快的上手）


源码下载

http://download.csdn.net/detail/tcl_6666/6680323


分页思路

服务器返回当前页的数据，总条数，再由js来生成分页标签。分页是配合服务器端来处理的, 不是纯js做的分页。

    因为如果数据量很大，比如有好几百页，存js分页就是悲剧了，纯js分页是必须一次载入所有数据，性能很慢。

 

通过自定义标签，封装原有的pagerForm

对于DWZ的使用者，众所周知下面是分页的主要参数，这些参数都在放在pagerForm中的

targetType:navTab或dialog，用来标记是navTab上的分页还是dialog上的分页

totalCount: 总条数        

numPerPage: 每页显示多少条

pageNumShown: 页标数字多少个

currentPage: 当前是第几页

 

通过自定义标签，封装原有的pagerForm

paginationForm.tag

<%@tag language="java" pageEncoding="UTF-8"body-content="scriptless" trimDirectiveWhitespaces="true"%><!--自定义标签 属性 -->
<%@attribute name="action" type="java.lang.String"required="true"%>
<%@attribute name="onsubmit" type="java.lang.String"%><%@taglib prefix="c"uri="http://java.sun.com/jsp/jstl/core"%><formid="pagerForm" method="post" action="${action }"
<c:iftest="${onsubmit!=null}"> οnsubmit="${onsubmit}"</c:if>>
<inputtype="hidden" name="pageNum"value="${pageNum}"/>
<inputtype="hidden" name="numPerPage"value="${numPerPage}"/>
<inputtype="hidden" name="orderField"value="${orderField}"/>
<inputtype="hidden" name="orderDirection"value="${orderDirection}"/>
<jsp:doBody/>
</form>

 

自定义标签，封装原有的<divclass="pages">和<div class="pagination"

pagination.tag

<%@tag language="java" pageEncoding="UTF-8"trimDirectiveWhitespaces="true"%>
<%@attribute name="page" type="com.dwz.util.Page"required="true"%>
<%@attribute name="pageNumShown" type="java.lang.Integer"%>
<%@attribute name="begin" type="java.lang.Integer"%>
<%@attribute name="end" type="java.lang.Integer"%>
<%@attribute name="step" type="java.lang.Integer"%>
<%@attribute name="target" type="java.lang.String"%>
<%@attribute name="rel" type="java.lang.String"%>
<%@attribute name="onchange" type="java.lang.String"%><%@taglib prefix="c"uri="http://java.sun.com/jsp/jstl/core"%><c:iftest="${pageNumShown == null}" >
<c:setvar="pageNumShown" value="10"/>
</c:if>
<c:iftest="${begin == null}" >
<c:setvar="begin" value="10"/>
</c:if>
<c:iftest="${end == null}" >
<c:setvar="end" value="50"/>
</c:if>
<c:iftest="${step == null}" >
<c:setvar="step" value="5"/>
</c:if>
<c:iftest="${target == null}" >
<c:setvar="target" value="navTab"/>
</c:if>
<c:iftest="${onchange == null}" >
<c:setvar="onchange"value="navTabPageBreak({numPerPage:this.value})"/>
</c:if><divclass="panelBar">
<divclass="pages">
<span>每页显示</span>
<selectname="numPerPage" οnchange="${onchange}">
<c:forEachbegin="${begin }" end="${end }" step="${step }"varStatus="s">
<c:choose>
<c:whentest="${numPerPage==s.index }">
<optionvalue="${s.index}"selected="selected">${s.index}</option>
</c:when>
<c:whentest="${numPerPage!=s.index }">
<optionvalue="${s.index}">${s.index}</option>
</c:when>
</c:choose>
</c:forEach>                                                
</select>
<span>总条数:${totalCount}</span>
</div>
<div<c:if test="${rel!=null }">rel="${rel}" </c:if>class="pagination" targetType="${target}"totalCount="${totalCount}" numPerPage="${numPerPage}"pageNumShown="${pageNumShown}"currentPage="${pageNum}"></div>
</div>

 

注意：

在自定义jsp标签时，tag文件默认需要放到WEB-INF目录下

 

引入自定义标签和jstl

include.inc.jsp

<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core"prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt"prefix="fmt"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions"prefix="fn"%><%@taglib prefix="custom" tagdir="/WEB-INF/tags" %><c:setvar="contextPath"value="${pageContext.request.contextPath}"/>

在userList中可以看到简化后的效果

<%@pagecontentType="text/html; charset=utf-8"%><%@include file="/page/common/include.inc.jsp"%><!-- 自定义标签封装pagerForm，简化分页 -->
<custom:paginationForm action="${contextPath}/user!userList.action">
<input type="hidden" name="keywords"value="${keywords }"/>
</custom:paginationForm><formmethod="post" action="${contextPath }/user!userList.action"οnsubmit="return navTabSearch(this)">
<divclass="pageHeader">
<divclass="searchBar"><label>登录名称:</label><inputtype="text" name="keywords" value="${keywords}"><buttontype="submit">检索</button>
</div>
</div>
</form><divclass="pageContent">
<divclass="panelBar">
<ulclass="toolBar">
<li><aclass="add" href="user!dosave.action"target="dialog"mask="true"><span>添加</span></a></li><!-- 用于数组传送数据 --><li><atitle="确实要删除这些记录吗?" target="selectedTodo"rel="ids" href="user!del.action"class="delete"><span>删除用户</span></a></li><li><aclass="edit" href="user!dosave.action?userId={sid_user}"target="dialog" mask="true"warn="请选择一个用户"><span>修改</span></a></li>
</ul>
</div><divlayoutH="116" id="w_list_print">
<tableclass="table" width="98%" targetType="navTab"asc="asc" desc="desc">
<thead>
<tr><th><inputtype="checkbox" group="ids"class="checkboxCtrl"></th>
<th orderField="id" <c:if test="${orderField=='id'}">class="${orderDirection}"</c:if> title="排序">编号</th>
<th>用户姓名</th>
<th>用户密码</th>
<th>是否是管理员</th>
<thorderField="staff_id" <s:iftest="orderField=='staff_id'">class="${orderDirection}"</s:if>>staff-id</th><th>操作</th>
</tr>
</thead>
<tbody>
<c:forEachvar="user" items="${userList}">
<trtarget="sid_user" rel="${user.id}">
<td><inputname="ids" value="${user.id}"type="checkbox"></td>
<td>${user.id}</td>
<td>${user.loginName}</td>
<td>${user.passWord}</td>
<td>${user.adminInd}</td>
<td>${user.staffId}</td>
<td><a title="删除"target="ajaxTodo" href="user!del.action?ids=${user.id}"class="btnDel">删除</a>
<atitle="编辑" target="dialog" mask="true"href="user!dosave.action?userId=${user.id}"class="btnEdit">编辑</a>
</td>
</tr>
</c:forEach></tbody>
</table>
</div><!-- 自定义标签封装pagerForm，简化分页 -->
<custom:pagination page="${page }"/>

 

重点是

自定义custom:paginationForm和custom:pagination 标签中的参数名称

<inputtype="hidden" name="pageNum"value="${pageNum}"/>
<inputtype="hidden" name="numPerPage"value="${numPerPage}"/>

要和BaseAction的属性对上

 

<c:if test='${param.orderField == "name" }'> class="${param.orderDirection}"  </c:if>    

用来切换 排序图标和排序类型  

 

BaseAction封装分页参数

public class BaseAction extends ActionSupport{protectedInteger pageNum=1; // 当前是第几页protectedInteger totalCount=0; // 总条数protectedInteger numPerPage=20; // 每页显示多少条protectedString orderField; // 排序字段protectedString orderDirection; // 排序方向。。。。。getter方法和setter方法省略

 

UserAction通过继承BaseAction，得到客户端传来的数据

publicclass UserAction extends BaseAction{
SysuserDaouserDao = new SysuserDaoImpl();privateString keywords = "";protected Integer userId;protectedSysusers sysusers;privateString[] ids;privateList<Sysusers> userList = null;publicString userList() {
totalCount= userDao.getCout(keywords);
userList= userDao.userList(keywords,pageNum,numPerPage,orderField,orderDirection);return"list";
}

 

效果图


 

加入自定义分页实体类

如果要加入自定义的分页实体，通过注入（对象.属性，比如

<input type="hidden" name="page.pageNum" value="${page.pageNum}"/>）方式应该可以完成，但在试验过程中，发现分页js还会用到分页属性，如果把name改为page.pageNum，js会根据这个name进行分页，也就是说这个input有两处会用到。

而更改之后，分页就不起作用了。导致不能加入自己的分页实体，这是在struts2中。不过应该通过修改dwz的js代码可以解决这个问题。

 

如果是springmvc，不用对象.属性方式，直接使用原生的属性名称，也可以注入到controller类中的方法中的实体参数中。这也是struts2和springmvc的一大区别。

 

在开发过程中，DWZ是我负责的一部分，我需要搭起一个模型来，别人用时只需要按照我定义的规范做就是了。这是DWZ的分页规范，下面我会介绍DWZ的异常处理信息规范。

 

这篇关于DWZ (JUI) 应用实例（一）：通过自定义标签和BaseAction 简化 table 分页排序的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/828336。

相关文章

MyBatis分页查询实战案例完整流程

MyBatis分页查询实战案例完整流程

《MyBatis分页查询实战案例完整流程》MyBatis是一个强大的Java持久层框架,支持自定义SQL和高级映射,本案例以员工工资信息管理为例,详细讲解如何在IDEA中使用MyBatis结合Page... 目录1. MyBATis框架简介2. 分页查询原理与应用场景2.1 分页查询的基本原理2.1.1 分
阅读更多...
SpringBoot+RustFS 实现文件切片极速上传的实例代码

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot？二、环境准备与部署2.1 安装 RustF
阅读更多...
PHP应用中处理限流和API节流的最佳实践

PHP应用中处理限流和API节流的最佳实践

《PHP应用中处理限流和API节流的最佳实践》限流和API节流对于确保Web应用程序的可靠性、安全性和可扩展性至关重要,本文将详细介绍PHP应用中处理限流和API节流的最佳实践,下面就来和小编一起学习... 目录限流的重要性在 php 中实施限流的最佳实践使用集中式存储进行状态管理（如 Redis）采用滑动
阅读更多...
Vite 打包目录结构自定义配置小结

Vite 打包目录结构自定义配置小结

《Vite打包目录结构自定义配置小结》在Vite工程开发中,默认打包后的dist目录资源常集中在asset目录下,不利于资源管理,本文基于Rollup配置原理,本文就来介绍一下通过Vite配置自定义... 目录一、实现原理二、具体配置步骤1. 基础配置文件2. 配置说明（1）js 资源分离（2）非 JS 资
阅读更多...
深入浅出Spring中的@Autowired自动注入的工作原理及实践应用

深入浅出Spring中的@Autowired自动注入的工作原理及实践应用

《深入浅出Spring中的@Autowired自动注入的工作原理及实践应用》在Spring框架的学习旅程中,@Autowired无疑是一个高频出现却又让初学者头疼的注解,它看似简单,却蕴含着Sprin... 目录深入浅出Spring中的@Autowired：自动注入的奥秘什么是依赖注入？@Autowired
阅读更多...
PostgreSQL简介及实战应用

PostgreSQL简介及实战应用

《PostgreSQL简介及实战应用》PostgreSQL是一种功能强大的开源关系型数据库管理系统,以其稳定性、高性能、扩展性和复杂查询能力在众多项目中得到广泛应用,本文将从基础概念讲起,逐步深入到高... 目录前言1. PostgreSQL基础1.1 PostgreSQL简介1.2 基础语法1.3 数据库
阅读更多...
MySQL的配置文件详解及实例代码

MySQL的配置文件详解及实例代码

《MySQL的配置文件详解及实例代码》MySQL的配置文件是服务器运行的重要组成部分,用于设置服务器操作的各种参数,下面：本文主要介绍MySQL配置文件的相关资料,文中通过代码介绍的非常详细,需要... 目录前言一、配置文件结构1.[mysqld]2.[client]3.[mysql]4.[mysqldum
阅读更多...
Python中的filter() 函数的工作原理及应用技巧

Python中的filter() 函数的工作原理及应用技巧

《Python中的filter()函数的工作原理及应用技巧》Python的filter()函数用于筛选序列元素,返回迭代器,适合函数式编程,相比列表推导式,内存更优,尤其适用于大数据集,结合lamb... 目录前言一、基本概念基本语法二、使用方式1. 使用 lambda 函数2. 使用普通函数3. 使用 N
阅读更多...
聊聊springboot中如何自定义消息转换器

聊聊springboot中如何自定义消息转换器

《聊聊springboot中如何自定义消息转换器》SpringBoot通过HttpMessageConverter处理HTTP数据转换,支持多种媒体类型,接下来通过本文给大家介绍springboot中... 目录核心接口springboot默认提供的转换器如何自定义消息转换器Spring Boot 中的消息
阅读更多...
Python中yield的用法和实际应用示例

Python中yield的用法和实际应用示例

《Python中yield的用法和实际应用示例》在Python中,yield关键字主要用于生成器函数（generatorfunctions）中,其目的是使函数能够像迭代器一样工作,即可以被遍历,但不会... 目录python中yield的用法详解一、引言二、yield的基本用法1、yield与生成器2、yi
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2