jstl+js+jsp 实现最简单的分页(附插件)

最新推荐文章于 2024-06-10 18:54:37 发布
最新推荐文章于 2024-06-10 18:54:37 发布
阅读量5.6k 收藏 4
点赞数
分类专栏： javascript 文章标签： java-web jstl 分页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xyl_ice/article/details/70808952
版权
本文介绍了如何利用jstl标签、JavaScript和jsp页面实现简单的分页效果。首先，通过jstl遍历列表并利用varStatus设置html元素的id。接着，设置分页工具条的位置，并引入jQuery分页插件，简化了处理大量页面的情况。通过这些步骤，实现了基于jsp的动态分页功能。
摘要由CSDN通过智能技术生成

实现原理：页面一加载注入的list，是jsp页面通过jstl标签进行遍历在html元素中，我则通过控制html元素来使得被遍历的数组内容选择性的隐藏和显示，来实现分页。

插件下载地址
http://download.csdn.net/detail/xyl_ice/9826599

第一步：jsp页面中需要导入core jstl和function jstl 和下文提到的jq分页插件

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

    <link rel="stylesheet" type="text/css" href="/css/paging.css">
    <script type="text/javascript"
最低0.47元/天 解锁文章
xyl_ice
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
jsp+jstl实现分页
focusforce的专栏
07-06 1473
jsp+jstl实现分页
JspPageControlor分页插件
11-29
JspPageControlor分页插件使用说明<br>1、次插件将数据库查询和分页操作分离开，在查询的时候，不管采用什么设计模式，都必须实现<br>PageListener接口。<br>2、接口里面包含四个方法<br>(1)、public List doSelect(int recordStart,int sizePage)，参数recordStart表示从第几条<br>记录开始查询。参数sizePage表示一次查几条记录。返回一个list对象(该list对象可以是<br>一个记录集，也可以是一个POJO类对象)<br>(2)、public int getCount()，查询该表中的记录总数，返回一个int对象。<br>(3)、public void close()，放置所有关闭操作的方法。<br>3、调用页面，必须添加PageListener监听器，即实现addPageListener(Object)方法，参数为操作<br>数据库类的对象。<br>4、用getRecord()方法获取存有记录的list对象；<br>用getFirstPage()方法获取'首页'的标记；<br>用getPageUp()方法获取'上一页'的标记；<br>用getPageDown()方法获取'下一页'的标记；<br>用getLastPage()方法获取'末页'的标记；<br>用getPageForward()方法获取'跳转到第几页'的输入框标记；<br>用getCountRecord()方法获取总记录数；<br>用getCountPage()方法获取总页数；<br>用getCurrentPage()方法获取当前页数；<br>5、如果需要把上一页，下一页等标记换成图片，则只需调用<br>setPageDown('图片路径+图片名')，<br>setPageUp('图片路径+图片名')，<br>setFirstPage('图片路径+图片名'),<br>setLastPage('图片路径+图片名')；<br>详细操作请查看帮助文档和具体实现案例；<br><br>PageControlor分页插件(次插件仅支持jsp)<br>包含3个文件：<br>PageControlor分页插件；<br>分页的帮助文档；<br>分页插件使用案例；<br><br>运行使用具体案例时，须注意以下几点：<br>1、运行环境为jdk(1.4以上)，Tomcat(5.0以上)，mysql(5.0.x)；<br>2、运行时须改动init.properties，把数据库名，用户名和密码改称自己数据库的设置；<br>3、将news.sql文件导入到您的mysql服务器里面。<br><br>开发者：千里web架构实验室成员--刘捷<br>2007年10月29日 <br>
一个完全用JSTL实现的JSP分页方案
冰云的专栏
01-05 2746
样式是模仿Google的，我已经测试过了，主要思想就是把分页模块用JSTL写成一个INCLUDE文件，然后在要分页的页面调用，当然要传入必要的五个分页参数－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－pager.inc.jsp文件如下：-------------------------------------------------------------
【微服务】第4节：MybatisPlus的分页插件
最新发布
m0_46013789的博客
06-10 2560
大家在日常开发中应该能发现，单表的CRUD功能代码重复度很高，也没有什么难度。而这部分代码量往往比较大，开发起来比较费时。因此，目前企业中都会使用一些组件来简化或省略单表的CRUD开发工作。目前在国内使用较多的一个组件就是MybatisPlus。
JAVA JSP 简单分页插件
04-07
分页插件分页插件分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件JAVA JSP 简单分页插件
jsp分页插件--PageBean(java源码)
01-14
/* * @(#)PageControl.java 1.00 2004-9-22 * * Copyright 2004 2004 . All rights reserved. * PROPRIETARY/CONFIDENTIAL. Use is subject to license terms. */ package com.hexiang.utils; /** * PageControl, 分页控制, 可以判断总页数和是否有上下页. * * 2008-07-22 加入输出上下分页HTML代码功能 * * @author HX * @version 1.1 2008-9-22 */ public class PageBean { /** 每页显示记录数 */ private int pageCount; /** 是否有上一页 */ private boolean hasPrevPage; /** 记录总数 */ private int recordCount; /** 是否有下一页 */ private boolean hasNextPage; /**总页面数 */ private int totalPage; /** 当前页码数 */ private int currentPage; /** * 分页前的页面地址 */ private String pageUrl; /** * 输出分页 HTML 页面跳转代码, 分链接和静态文字两种. * 2008-07-22 * @return HTML 代码 */ public String getPageJumpLinkHtml() { if(StringUtil.isEmpty(pageUrl)) { return ""; } // 检查是否有参数符号, 没有就加上一个? if(pageUrl.indexOf('?') == -1) { pageUrl = pageUrl + '?'; } StringBuffer buff = new StringBuffer("<span id='pageText'>"); // 上一页翻页标记 if(currentPage > 1) { buff.append("[ <a href='" + pageUrl + "&page=" + (currentPage - 1) + "' title='转到第 " + (currentPage - 1) + " 页'>上一页</a> ] "); } else { buff.append("[ 上一页 ] "); } // 下一页翻页标记 if(currentPage < getTotalPage()) { buff.append("[ <a href='" + pageUrl + "&page=" + (currentPage + 1)+ "' title='转到第 " + (currentPage + 1) + " 页'>下一页</a> ] "); } else { buff.append("[ 下一页 ] "); } buff.append("</span>"); return buff.toString(); } /** * 输出页码信息: 第${currentPage}页/共${totalPage}页 * @return */ public String getPageCountHtml() { return "第" + currentPage + "页/共" + getTotalPage() + "页"; } /** * 输出 JavaScript 跳转函数代码 * @return */ public String getJavaScriptJumpCode() { if(StringUtil.isEmpty(pageUrl)) { return ""; } // 检查是否有参数符号, 没有就加上一个? if(pageUrl.indexOf("?") == -1) { pageUrl = pageUrl + '?'; } return "<script>" + "// 页面跳转函数\n" + "// 参数: 包含页码的表单元素，例如输入框，下拉框等\n" + "function jumpPage(input) {\n" + " // 页码相同就不做跳转\n" + " if(input.value == " + currentPage + ") {" + " return;\n" + " }" + " var newUrl = '" + pageUrl + "&page=' + input.value;\n" + " document.location = newUrl;\n" + " }\n" + " </script>"; } /** * 输出页面跳转的选择框和输入框. 示例输出: * <pre> 转到 <!-- 输出 HTML SELECT 元素, 并选中当前页面编码 --> <select onchange='jumpPage(this);'> <c:forEach var="i" begin="1" end="${totalPage}"> <option value="${i}" <c:if test="${currentPage == i}"> selected </c:if> >第${i}页</option> </c:forEach> </select> 输入页码：<input type="text" value="${currentPage}" id="jumpPageBox" size="3"> <input type="button" value="跳转" onclick="jumpPage(document.getElementById('jumpPageBox'))"> </pre> * @return */ public String getPageFormJumpHtml() { String s = "转到\n" + "\t <!-- 输出 HTML SELECT 元素, 并选中当前页面编码 -->\n" + " <select onchange='jumpPage(this);'>\n" + " \n"; for(int i = 1; i <= getTotalPage(); i++ ) { s += "<option value=" + i + "\n"; if(currentPage == i) { s+= " selected "; } s += "\t>第" + i + "页</option>\n"; } s+= " </select>\n" + " 输入页码：<input type=\"text\" value=\"" + currentPage + "\" id=\"jumpPageBox\" size=\"3\"> \n" + " <input type=\"button\" value=\"跳转\" onclick=\"jumpPage(document.getElementById('jumpPageBox'))\"> "; return s; } /** * 进行分页计算. */ private void calculate() { if (getPageCount() == 0) { setPageCount(1); } totalPage = (int) Math.ceil(1.0 * getRecordCount() / getPageCount()); // 总页面数 if (totalPage == 0) totalPage = 1; // Check current page range, 2006-08-03 if(currentPage > totalPage) { currentPage = totalPage; } // System.out.println("currentPage=" + currentPage); // System.out.println("maxPage=" + maxPage); // // Fixed logic error at 2004-09-25 hasNextPage = currentPage < totalPage; hasPrevPage = currentPage > 1; return; } /** * @return Returns the 最大页面数. */ public int getTotalPage() { calculate(); return totalPage; } /** * @param currentPage * The 最大页面数 to set. */ @SuppressWarnings("unused") private void setTotalPage(int maxPage) { this.totalPage = maxPage; } /** * 是否有上一页数据 */ public boolean hasPrevPage() { calculate(); return hasPrevPage; } /** * 是否有下一页数据 */ public boolean hasNextPage() { calculate(); return hasNextPage; } // Test public static void main(String[] args) { PageBean pc = new PageBean(); pc.setCurrentPage(2); pc.setPageCount(4); pc.setRecordCount(5); pc.setPageUrl("product/list.do"); System.out.println("当前页 " + pc.getCurrentPage()); System.out.println("有上一页 " + pc.hasPrevPage()); System.out.println("有下一页 " + pc.hasNextPage()); System.out.println("总页面数 " + pc.getTotalPage()); System.out.println("分页 HTML 代码 " + pc.getPageJumpLinkHtml()); } /** * @return Returns the 当前页码数. */ public int getCurrentPage() { return currentPage; } /** * 设置当前页码, 从 1 开始. * @param currentPage * The 当前页码数 to set. */ public void setCurrentPage(int currentPage) { if (currentPage <= 0) { currentPage = 1; } this.currentPage = currentPage; } /** * @return Returns the recordCount. */ public int getRecordCount() { return recordCount; } /** * @param recordCount * The recordCount to set. */ public void setRecordCount(int property1) { this.recordCount = property1; } /** * @return Returns the 每页显示记录数. */ public int getPageCount() { return pageCount; } /** * @param pageCount * The 每页显示记录数 to set. */ public void setPageCount(int pageCount) { this.pageCount = pageCount; } public String getPageUrl() { return pageUrl; } public void setPageUrl(String value) { pageUrl = value; } }
jsp分页插件
08-15
本篇文章将深入探讨“jsp分页插件”，以及如何使用一个非常简单的jQuery分页插件。 首先，我们要理解JSP分页的基本原理。分页是通过服务器端计算总页数，然后根据用户请求的页码返回对应的数据。在JSP中，我们可以...
JSP简单学生信息管理系统带分页功能源码.zip
05-14
这是一个基于JSP技术开发的学生信息管理系统，具备基本的管理功能，包括用户登录、学生信息的查询、添加和修改，以及重要的分页展示功能。在这个系统中，开发者利用了Java语言的强大特性和Web开发的灵活性，为小型...
springboot2.2.2+mybatis-plus3.0.0+bootstrap+jsp(webjars)
你那么害怕明天，怎么能过好今天！
03-10 591
一、创建springboot项目 使用idea创建springboot项目 二、引入依赖 <!--Springboot整合web组件--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId>
原 Spring + SpringMVC + Mybatis 整合，实现 CRUD (增删改查)
oldbiwang 博客
09-03 3891
这次暑假在腾讯课堂学习了尚硅谷SSM整合视频（SSM开发是目前企业流行使用的框架整合方案）免费教程，该视频讲解了 Spring + SpringMVC + MyBatis 整合实现了 CRUD (增删改查)。将代码整理，运行成功后，写下这篇博文记录一下。1.创建 Maven 项目，配置 Mavenmaven 项目的目录 配置 maven 的 .m2（我的是 C:\Users\cjc.m2） 目录
jstl实现jsp页面的分页
08-21
jstl实现jsp页面分页，分页格式为： 首页 上一页 3 4 5 6 7 下一页 尾页
分页jsp插件，分页插件
09-14
分页jsp，将该jsp引入需要分页的页面，传入参数就行。通过将页面引入，可实现单个点击分页，也可实现，输入数字分页。
JSP分页插件
04-26
很好用的分页插件，只要查询结果是一个集合都可以使用，使用前将jar包放置web目录下，tld文档放置WEB-INF根目录下即可，每个调用页面引入标签，将集合放入循环即可。
JSTL实现分页展示查询内容及跳转页面
m0_53891548的博客
03-29 852
代码如下,JSTL 配合 EL表达式 个人觉得分页的重点在于 拿到数据后,根据每页不同的数据条数,来计算总页数 上一页 和 下一页跳转时需要考虑第一页和最后一页 这种特殊情况的出现,进行合理的判断 修改每页的数据展示量时,如果在页面中持久保存这个展示量,而不会因为跳转而发生改变 上一页和下一页中间的跳转页码,如何根据当前页码和总页数进行动态变化 以上均是个人学习分页展示的思考,不喜勿喷 <%@ page import="java.util.List" %> <%@ page
jstl foreach 分行
laoyao979850818的博客
07-18 204
${index}小时 元       
JSTL的标签---实现分页
a1422346935的博客
05-31 839
一、JSTL表达式介绍 JSTL是Java中的一个定制标记库集。（这个标记库集不需要自己编写，可以直接使用） 实现了JSP页面中的代码复用（基于标签库原理，重复率较高的代码块支持复用，提高效率） 书写JSP页面时可读性更强（长得很像xml，方便前端查看和参与开发） 二、JSTL表达式的下载使用 从maven仓库找到jstl放进pom https://mvnrepository.com/artifact/javax.servlet/jstl <dependency&gt
论坛系统开发详解：JSP+JSTL+Servlet实现回复帖子功能
涉及的技术包括JSP、JSTL、Servlet和JDBC，数据库使用SQLServer2000。" 在论坛系统中，回复帖子功能是促进用户交互和讨论的核心部分。用户在登录论坛后，可以通过查看帖子列表并点击帖子标题或“回复”按钮来进入...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值