分页条件查询页面

最新推荐文章于 2022-08-04 02:26:42 发布
最新推荐文章于 2022-08-04 02:26:42 发布
阅读量409 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq931399960/article/details/45332207
版权 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>My JSP 'userPageList.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link href="${pageContext.request.contextPath }/resources/css/bootstrap.css" rel="stylesheet" />
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link href="${pageContext.request.contextPath }/resources/css/bootstrap-theme.css" rel="stylesheet" />
<script src="<c:url value="/resources/js/bootstrap.js" />"></script>
<script src="<c:url value="/resources/js/jquery-1.11.2.js" />"></script>
<style type="text/css">
	#mytable {  
    padding: 0;
    margin: 0;  
    border-collapse:collapse;
}

td {
    border: 1px solid #C1DAD7;  
    background: #fff;
    font-size:11px;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}

td.alt {
    background: #F5FAFA;
    color: #797268;
}
</style>
  </head>
  
  <body>
  <a href="#bottom" title="点击跳到bottom">TOP</a>
  <div name="top">TOP</div>
  <br/><br/>
  <div style="position: fixed;left: 600px;bottom: 200px;width: 400px;" name="top">
    <table width="100%" border="0" cellspacing="1" cellpadding="1" id="mytable">
    	<tr>
    		<td colspan="3">
    			<form action="${pageContext.request.contextPath }/userPage" method="post"> 
    				用户id：<input type="text" name="userId" value="${view.userId }">    用户名:<input type="text" name="userName" value="${view.userName }"/>
    				<input type="submit" value="查询" />
    			</form> 
    		</td>
    	</tr>
    	<tr>
    		<td colspan="3">
    			共${page.totalCount }记录，当前第${page.currentPageNum }/${page.totalPageNum }页。
    		</td>
    	</tr>
    	<tr>
    		<td colspan="3">
    			<form action="${pageContext.request.contextPath }/userPage?currentPageNum=1" method="post">
    				<input type="hidden" name="userId" value="${view.userId }"/>
    				<input type="hidden" name="userName" value="${view.userName }"/>
    				<input type="submit" value="首页"/>
    			</form>
    			
    			<c:choose>
    				<c:when test="${page.currentPageNum+1 gt page.totalPageNum}">
    			<form action="${pageContext.request.contextPath }/userPage?currentPageNum=${page.totalPageNum}" method="post">
    				<input type="hidden" name="userId" value="${view.userId }"/>
    				<input type="hidden" name="userName" value="${view.userName }"/>
    				<input type="submit" value="下一页"/>
    			</form>
    				</c:when>
    			<c:otherwise>
    			<form action="${pageContext.request.contextPath }/userPage?currentPageNum=${page.currentPageNum+1}" method="post">
    				<input type="hidden" name="userId" value="${view.userId }"/>
    				<input type="hidden" name="userName" value="${view.userName }"/>
    				<input type="submit" value="下一页"/>
    			</form>
    			</c:otherwise>
    			</c:choose>    
    			<form action="${pageContext.request.contextPath }/userPage?currentPageNum=${page.currentPageNum-1}" method="post">
    				<input type="hidden" name="userId" value="${view.userId }"/>
    				<input type="hidden" name="userName" value="${view.userName }"/>
    				<input type="submit" value="上一页"/>
    			</form>
    			<form action="${pageContext.request.contextPath }/userPage?currentPageNum=${page.totalPageNum}" method="post">
    				<input type="hidden" name="userId" value="${view.userId }"/>
    				<input type="hidden" name="userName" value="${view.userName }"/>
    				<input type="submit" value="尾页"/>
    			</form>
    			 
    		</td>
    	</tr>
    	<tr>
    		<td>userId</td>
    		<td>userName</td>
    		<td>操作</td>
    	</tr>
    	<c:forEach items="${page.entitys }" var="user">
    		<tr>
    			<td>${user.userId }</td>
    			<td>${user.userName }</td>
    			<td>
    				<a >修改</a>
    				<a>删除</a>
    			</td>
    		</tr>
    	</c:forEach>
    	<tr>
    		<td colspan="3">
    			<ul class="pagination pagination-sm">
  				  <li><a href="#">«</a></li>
				  <li class="active"><a href="${pageContext.request.contextPath }/userPage?currentPageNum=1">1</a></li>
				  <li><a href="#" οnclick="">2</a></li>
				  <li><a href="#">3</a></li>
				  <li><a href="#">4</a></li>
				  <li><a href="#">5</a></li>
				  <li class="disabled"><a href="#" >»</a></li>
				  </ul><br/>
    		</td>
    	</tr>
    </table>
    </div>
    
    <br/><br/><br/> <br/><br/><br/>
 <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/> 
    <br/><br/><br/> <br/><br/><br/>
 <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/> 
    <br/><br/><br/> <br/><br/><br/>
 <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/> 
 
 <div name="bottom" id="bottom">BOTTOM</div>
 <a href="#top" title="点击跳到top">BOTTOM</a>
  </body>
</html>

第二个页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>My JSP 'userPageList.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link href="${pageContext.request.contextPath }/resources/css/bootstrap.css" rel="stylesheet" />
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link href="${pageContext.request.contextPath }/resources/css/bootstrap-theme.css" rel="stylesheet" />
<script src="<c:url value="/resources/js/bootstrap.js" />"></script>
<script src="<c:url value="/resources/js/jquery-1.11.2.js" />"></script>
<style type="text/css">
	#mytable {  
    padding: 0;
    margin: 0;  
    border-collapse:collapse;
}

td {
    border: 1px solid #C1DAD7;  
    background: #fff;
    font-size:11px;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}

td.alt {
    background: #F5FAFA;
    color: #797268;
}
.noShow{
	display: none;
}
</style>
  </head>
  
  <body>
  <a href="#bottom" title="点击跳到bottom">TOP</a>
  <div name="top">TOP</div>
  <br/><br/>
  <div style="position: fixed;left: 600px;bottom: 200px;width: 400px;" name="top">
    <table width="100%" border="0" cellspacing="1" cellpadding="1" id="mytable">
    	<tr>
    		<td colspan="3">
    			<form action="${pageContext.request.contextPath }/userPage" method="post"> 
    				用户id：<input type="text" name="userId" value="${view.userId }">    用户名:<input type="text" name="userName" value="${view.userName }"/>
    				<input type="submit" value="查询" />
    			</form> 
    		</td>
    	</tr>
    	<tr>
    		<td colspan="3">
    			共${page.totalCount }记录，当前第${page.currentPageNum }/${page.totalPageNum }页。
    		</td>
    	</tr>
    	
    	<tr>
    		<td>userId</td>
    		<td>userName</td>
    		<td>操作</td>
    	</tr>
    	<c:forEach items="${page.entitys }" var="user">
    		<tr>
    			<td>${user.userId }</td>
    			<td>${user.userName }</td>
    			<td>
    				<a >修改</a>
    				<a>删除</a>
    			</td>
    		</tr>
    	</c:forEach>
    	<tr>
    		<td colspan="3">
    			<ul class="pagination pagination-sm">
  				  <li><a href="#">«</a></li>
				  <li class="active"><a href="${pageContext.request.contextPath }/userPage?currentPageNum=1">1</a></li>
				  <li><a href="#" οnclick="">2</a></li>
				  <li><a href="#">3</a></li>
				  <li><a href="#">4</a></li>
				  <li><a href="#">5</a></li>
				  <li class="disabled"><a href="#" >»</a></li>
				  </ul><br/>
    		</td>
    	</tr>
    	<tr>
    		<td colspan="3">
    			<a href="javascript:void(0);" οnclick="onPage($('#first'))">首页</a>
    			<a href="javascript:void(0);" οnclick="onPage($('#next'))">下一页</a>
    			<a href="javascript:void(0);" οnclick="onPage($('#pre'))">上一页</a>
    			<a href="javascript:void(0);" οnclick="onPage($('#last'))">尾页</a>
    		</td>
    	</tr>
    	<tr style="display: none">
    	<td colspan="3">
    		    <form id="first" action="${pageContext.request.contextPath }/userPage?currentPageNum=1" method="post">
    				<input type="hidden" name="userId" value="${view.userId }"/>
    				<input type="hidden" name="userName" value="${view.userName }"/>
    				<input type="submit" value="首页"/>
    			</form>
    			
    			<c:choose>
    				<c:when test="${page.currentPageNum+1 gt page.totalPageNum}">
    			<form id="next" action="${pageContext.request.contextPath }/userPage?currentPageNum=${page.totalPageNum}" method="post">
    				<input type="hidden" name="userId" value="${view.userId }"/>
    				<input type="hidden" name="userName" value="${view.userName }"/>
    				<input type="submit" value="下一页"/>
    			</form>
    				</c:when>
    			<c:otherwise>
    			<form id="next" action="${pageContext.request.contextPath }/userPage?currentPageNum=${page.currentPageNum+1}" method="post">
    				<input type="hidden" name="userId" value="${view.userId }"/>
    				<input type="hidden" name="userName" value="${view.userName }"/>
    				<input type="submit" value="下一页"/>
    			</form>
    			</c:otherwise>
    			</c:choose>    
    			<form id="pre" action="${pageContext.request.contextPath }/userPage?currentPageNum=${page.currentPageNum-1}" method="post">
    				<input type="hidden" name="userId" value="${view.userId }"/>
    				<input type="hidden" name="userName" value="${view.userName }"/>
    				<input type="submit" value="上一页"/>
    			</form>
    			<form id="last" action="${pageContext.request.contextPath }/userPage?currentPageNum=${page.totalPageNum}" method="post">
    				<input type="hidden" name="userId" value="${view.userId }"/>
    				<input type="hidden" name="userName" value="${view.userName }"/>
    				<input type="submit" value="尾页"/>
    			</form>
    	</td>
    	</tr>
    </table>
    </div>
    
    <br/><br/><br/> <br/><br/><br/>
 <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/> 
    <br/><br/><br/> <br/><br/><br/>
 <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/> 
    <br/><br/><br/> <br/><br/><br/>
 <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/>  <br/><br/><br/> 
 
 <div name="bottom" id="bottom">BOTTOM</div>
 <a href="#top" title="点击跳到top">BOTTOM</a>
  </body>
  <script type="text/javascript">
  	function onPage(pageId){
  	//alert(pageId);;
  	$(pageId).submit();
  	}
  </script>
</html>


爱上冬日暖阳
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
查询条件提交页面
h14525544的博客
10-19 815
查询条件提交页面                       请选择查询条件                                             性别：男                              女                             体重范围：                  
条件查询分页
h20010320的博客
07-12 2095
列表分页查询 当我们写项目时，往往少不了列表。根据我们看到的，生活大部分的列表都带有分页的效果，还有分页查询的效果，比如这样的 当数据多的时候，利用分页和查询就很好的找到想要的数据。 分页查询的实现 我写的这个在线教育这个项目，是用mybatis-plus的一个功能——代码生成器来写的，几乎一条sql都不用写（一些复杂的还是要写），这一切都全赖MP的功劳，对于大部分场景，MP已经可以满足我们。只需要写处理业务逻辑层的代码。 mp要想使用分页需要加一个分页的插件：创建一个工具类，写下以下代码 ..
生成多条件查询页面
哈
05-29 932
最终生成的条件查询页面 代码 封装 @Getter @Setter @NoArgsConstructor @AllArgsConstructor @ToString public class QuerySelect { private String value; private String text; private List<QuerySelect> list; } 具体工具类 public class GenPageQueryUtil { private
带条件的分页查询
yu7k
05-06 725
查询条件form如下                         <input name="informationTitle" type="text" class="content_searchinput" onkeydown="if (event.keyCode==13) {}" onblur="if(this.value=='')value='关键字……';" onfocus="if
主要条件分页查询
weixin_44001387的博客
09-06 220
QueryResponseResult: package com.xuecheng.framework.model.response; import lombok.Data; import lombok.ToString; @Data @ToString public class QueryResponseResult<T> extends ResponseResult { //ResponseResult 里有操作是否成功 操作码 提示信息 //queryResult里数据
利用PHP访问数据库_实现分页功能与多条件查询功能的示例
10-19
分页提高了页面性能，多条件查询则提供了灵活的筛选功能，使用户能够更精确地找到所需信息。在实际项目中，确保对用户输入进行验证和过滤，以防止SQL注入等安全问题。同时，优化查询性能，如使用索引等方法，能...
ajax实现分页查询功能
10-19
在本文中，我们将探讨如何使用AJAX实现分页查询功能，这是一个常见的Web开发技术，特别是在处理大量数据时，能够提高用户体验，避免一次性加载所有数据导致页面加载过慢。AJAX（Asynchronous JavaScript and XML）...
分页查询 效率最高
09-11
然后，再次设置`ROWCOUNT`为`@PageSize`，这次查询返回实际的分页数据，条件是RID小于或等于开始行的RID，这样可以确保我们只获取当前页的数据。查询结果包括Rid、TaskName、TaskTitle、ImageID、EffectID和...
基于springmvc实现分页查询
07-15
本篇文章将详细探讨如何基于Spring MVC实现分页查询，这对于任何处理大量数据的Web应用都是至关重要的。 首先，理解分页的基本概念。分页是将大型数据集划分为较小、更易管理的部分，以提高用户体验并减少服务器...
JavaWeb查询分页的例子,查询条件存储
11-22
综上所述，这个JavaWeb查询分页的例子涵盖了JSP和Servlet的基础应用，查询条件的存储与多条件查询的处理，以及分页查询的核心逻辑。通过学习这个例子，开发者可以更好地理解和实践Web应用中的数据处理与展示。
MybatisPlus实现条件分页
qq_41243317的博客
04-16 1259
MybatisPlus实现分页条件查询的需求TeacherQuery用来封装条件查询Controller中调用 现在MybatisPlus的应用次数很多，自动生成以及封装了很多函数，今天记录下如何实现MybatisPlus下的分页。 条件查询的需求 按名称，头衔以及起始时间来查询 TeacherQuery用来封装条件查询 表示可以按名称，头衔以及起始时间来查询 // An highlighted block @ApiModel(value = "Teacher查询对象", description = "讲
多条件分页查询
weixin_49231157的博客
12-26 180
下面展示一些 内联代码片。 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> <mapper namespace="com.cjc.dao.StudentMapper"> <resultMap type="com.cjc.m
【ES】JavaAPI学习-06 条件查询 分页查询 结果排序 字段过滤
锥栗的博客
04-24 1797
前言 本节主要实现条件查询，分页查询，查询结果排序，字段过滤。 实现 条件查询 ESTest_Doc_Cond_Query.java package com.zwy.es; import org.apache.http.HttpHost; import org.elasticsearch.action.search.SearchRequest; import org.elasticsearch.action.search.SearchResponse; import org.elasticsearch..
mybatis使用条件分页查询
qq_44185887的博客
03-02 879
@Override public PageInfo<Student> findByCriteria(Integer stuno, String name) { PageHelper.startPage(2,2); StudentExample example = new StudentExample(); StudentExample.Criteria criteria = example.createCriteria(); .
java多条件分页查询_spring data jpa实现多条件查询（分页和不分页）
weixin_34508497的博客
02-16 497
目前的spring data jpa已经帮我们干了CRUD的大部分活了，但如果有些活它干不了(CrudRepository接口中没定义)，那么只能由我们自己干了。这里要说的就是在它的框架里，如何实现自己定制的多条件查询。下面以我的例子说明一下：业务场景是我现在有张订单表，我想要支持根据订单状态、订单当前处理人和订单日期的起始和结束时间这几个条件一起查询。先看分页的，目前spring data jp...
条件分页查询
Liu_wen_wen的博客
08-04 1165
条件分页查询
使用Wrapper条件类实现分页
aozhouji0069的博客
08-31 1547
server层:　　　 　　　　　　　 Wrapper<Ship> wrapper = new EntityWrapper<>();//条件类 　　　　　　　　wrapper.where("user_id={0}",uid);//增加条件 　　　　　　　　Page<Ship> shipPage = new Page<>(p...
使用Layui实现自定义样式下的条件分页
如何使用intellij Idea实现项目的热部署？
03-19 3020
看懂此文需要一定的layui基础，用了layui也有一年多了，因为工作的原因，前端代码很少写，以前经常是用layui做后台管理系统，所以分页都是用Layui封装好的表格。分页查询也很快捷。 以前的layui表格分页查询： ...
带条件的分页【重点】
欲望以提升热忱 毅力以磨平高山
10-05 2827
带条件的分页属于重点内容，很复杂的逻辑，相互学习下吧~
elementui分页条件查询功能
最新发布
07-13
要实现分页条件查询功能，你可以按照以下步骤进行操作： 1. 安装 Element UI：首先，你需要在你的项目中安装 Element UI。可以通过 npm 或者 yarn 进行安装： ``` npm install element-ui --save ``` 2. 引入分页...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值