MVC 多种分页的形式

清疚 2023-10-17 17:44 30阅读 0赞

![Center][]

JSP页面:

<table border="1" width="623" height="64">
    		<tbody>
    			<tr>
    				<td> id</td>
    				<td> name</td>
    				<td> price</td>
    				<td>remark <br>
    				</td>
    				<td>description<br>
    				</td>
    				<td> image</td>
    			</tr>
    		<c:forEach var="food" items="${list }">
    			
    			<tr>
    				<td>${food.foodid }</td>
    				<td>${food.foodname }</td>
    				<td>${food.foodprice }</td>
    				<td>${food.remark }</td>
    				<td>${food.description }</td>
    				<td>${food.foodimage }</td>
    			</tr>
    			
    			</c:forEach>	
    		</tbody>
    		<tfoot>  
            <tr align="center">  
                <td colspan="6">  
                    <jsp:include page="page_footer.jsp"></jsp:include>  
                </td>  
            </tr>  
        </tfoot>  
    	</table>

分页页面

<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
    	function goPage(id) {
    		//跳转到servlet处理
    		document.location.href = "pageList.do?pageIndex=" + id;
    	}
    
    	//输入数字
    	function go(id) {
    		var regexp = /^[1-9]\d*$/;
    		var totalPage = ${pageInfo.pageToal};
    		if (id == "") {
    			alert("请输入跳转的页数！");
    			return false;
    		} else if (!regexp.test(id)) {
    			alert("请输入正确的数字！");
    			return false;
    		} else if ((id - totalPage) > 0) {
    			alert("总页码是" + totalPage + "页，请重新输入！");
    			return false;
    		} else {
    			//跳转到servlet处理
    			document.location.href = "pageList.do?pageIndex=" + id;
    		}
    	}
    </script>
    </head>
    
    <body>
    	第${pageInfo.currentPage}/${pageInfo.pageToal}页      
    	<a href="pageList.do?pageIndex=1">首页</a>
    	<c:if test="${pageInfo.currentPage>1}">
    		<a href="pageList.do?pageIndex=${pageInfo.currentPage-1}">上一页</a>
    	</c:if>
    	转到第
    	<select name="pageNumber" οnchange="goPage(this.value)">
    
    		<c:forEach begin="1" end="${pageInfo.pageToal}" step="1"
    			var="pageIndex">
    
    			
    			<c:choose>
    				<c:when test="${pageInfo.currentPage eq  pageIndex}">
    					<option value=${pageIndex } selected="selected">${pageIndex
    						}</option>
    				</c:when>
    				<c:otherwise>
    					<option value=${pageIndex }>${pageIndex }</option>
    				</c:otherwise>
    			</c:choose>
    		</c:forEach>
    	</select>页
    
    	<c:if test="${pageInfo.currentPage<pageInfo.pageToal}">
    		<a href="pageList.do?pageIndex=${pageInfo.currentPage+1}">下一页</a>
    	</c:if>
    	<a href="pageList.do?pageIndex=${pageInfo.pageToal}">末页</a>  
    
    
    	跳转至
    	<input type="text" name="pageIndex" id="inputPage"
    		value="${pageNumber}" style="width:35px;" οnblur="go($(this).val())" />页
    
    </body>

[Center]: https://img-blog.csdn.net/20180112170132449?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGx4MjAwODA4MDg=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java list 分页(多种方式)

[Java list 分页(多种方式)][Java list] 方式一: public static void fenye(List list,int pages

拼搏现实的明天。/ 2024年03月16日 15:00/ 0 赞/ 42 阅读

相关 MVC 多种分页的形式

![Center][] JSP页面: <table border="1" width="623" height="64"> <tbody>

清疚/ 2023年10月17日 17:44/ 0 赞/ 31 阅读

相关 Python赋值语句的多种形式

Python赋值语句的多种形式 Python语言本身有许多独特之处，入门易难精通（另一个角度看，简单但强劲的语法背后隐藏了许多复杂的实现），现以Python赋值语句的多

柔光的暖阳◎/ 2022年10月16日 02:56/ 0 赞/ 112 阅读

相关 javaEE之分页查询MVC模式

首先写一个PageBean工具类： public class PageBean<T> { private int currentPage = 1; /

r囧r小猫/ 2022年09月30日 06:05/ 0 赞/ 159 阅读

相关 mvc4 ajax 分页,asp.net Mvc4 使用ajax结合分页插件实现无刷新分页

本文为在mvc4中使用ajax实现无刷新分页demo，记录一下。解决方案思想：页面数据的初始加载和按页加载都是通过ajax来进行，页面分页链接点击后利用ajax技术发送当前

古城微笑少年丶/ 2022年09月03日 11:15/ 0 赞/ 218 阅读

相关详解ASP.NET MVC pager 分页

ASP.NET MVC框架已经进入2.0时代，本文将从[ASP.NET MVC][]数据分页谈起，希望能对大家有所帮助。在网页上进行表格资料或其他显示资料的分页是一种十分常

末蓝、/ 2022年09月01日 14:54/ 0 赞/ 163 阅读

相关 spring boot之mybatis分页多种方法

我们讲一下mybatis集成的四种方式（可以先翻看一下上篇博客），顺带把分页pageHelper讲了分页插件先加上 <dependency>

太过爱你忘了你带给我的痛/ 2022年06月09日 00:44/ 0 赞/ 157 阅读

相关 MVC使用MvcPager进行分页

一、数据库表 USE [StudentDB] GO / Object: Table [dbo].[UserInfo] Scrip

野性酷女/ 2022年05月18日 00:53/ 0 赞/ 201 阅读

相关 ASP.NET MVC 4使用PagedList.Mvc分页

[ASP.NET MVC 4使用PagedList.Mvc分页][ASP.NET MVC 4_PagedList.Mvc] ASP.NET MVC中进行分页的方式有多种，

谁践踏了优雅/ 2022年04月24日 05:08/ 0 赞/ 210 阅读

相关 Sql Server多种分页性能的比较

一.前言因为工作关系，遇到了非常大的数据量的分页问题，数据总共有8000万吧，这个显然不是简单的分页能够解决的，需要从多多方面考虑，从分表、分库等等。但是这个也让我考虑

比眉伴天荒/ 2021年06月26日 16:06/ 0 赞/ 446 阅读