关于jsp如何实现分页功能。

JSP实现分页功能需要使用Java代码和JSP标签。通过Java代码获取总记录数和每页显示的记录数,然后计算总页数。接着,根据当前页码获取对应的记录,并使用JSP标签将数据展示在页面上。

在Web开发中,分页功能是非常常见的需求,JSP(Java Server Pages)是一种基于Java技术的动态网页开发技术,可以实现分页功能,本文将详细介绍如何使用JSP实现分页功能。

1、分页原理

关于jsp如何实现分页功能。

分页是将大量数据分成多个页面显示的技术,用户可以通过点击页面上的导航按钮来浏览不同的页面,分页的原理是将数据从数据库中查询出来,然后根据用户请求的页面号和每页显示的数据量,计算出需要显示的数据范围,最后将这部分数据返回给用户。

2、JSP分页实现方法

JSP分页实现方法主要有以下几种:

(1)使用JSP标准标签库(JSTL)的<c:forEach>标签进行分页。

(2)使用SQL语句中的LIMITOFFSET关键字进行分页。

(3)使用第三方分页插件,如PageHelper、MyBatis-Plus等。

下面分别介绍这三种方法的实现过程。

关于jsp如何实现分页功能。

3、使用JSTL标签库进行分页

需要在项目中引入JSTL标签库,在JSP页面的顶部添加以下代码:

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

使用<c:forEach>标签进行分页,假设我们有一个名为list的列表,存储了从数据库中查询出来的数据,我们需要将其分成每页显示10条数据的多个页面,可以使用以下代码实现:

<table>
    <tr>
        <th>编号</th>
        <th>名称</th>
    </tr>
    <c:forEach var="item" items="${list}" varStatus="status">
        <tr>
            <td>${item.id}</td>
            <td>${item.name}</td>
        </tr>
    </c:forEach>
</table>

接下来,我们需要实现分页导航,可以使用以下代码实现:

<div>
    <c:forEach begin="1" end="${totalPage}" var="i">
        <a href="?page=${i}">${i}</a>
    </c:forEach>
</div>

${totalPage}表示总页数,可以通过计算得到,如果总共有50条数据,每页显示10条数据,那么总页数为5,计算总页数的代码如下:

<c:set var="totalPage" value="${(list.size() + 9) / 10}" />

4、使用SQL语句进行分页

在执行SQL查询时,可以使用LIMITOFFSET关键字进行分页,查询第2页的数据,每页显示10条数据,可以使用以下SQL语句:

关于jsp如何实现分页功能。

SELECT * FROM table_name LIMIT 10 OFFSET 10;

在JSP中,可以使用PreparedStatement对象执行带参数的SQL语句。

String pageIndex = request.getParameter("page"); // 获取当前页码
int offset = (Integer.parseInt(pageIndex) 1) * 10; // 计算偏移量
String sql = "SELECT * FROM table_name LIMIT 10 OFFSET ?"; // SQL语句,使用占位符代替实际参数值
PreparedStatement pstmt = connection.prepareStatement(sql); // 创建PreparedStatement对象
pstmt.setInt(1, offset); // 设置参数值
ResultSet resultSet = pstmt.executeQuery(); // 执行查询,获取结果集

5、使用第三方分页插件进行分页

除了上述两种方法外,还可以使用第三方分页插件来实现分页功能,使用PageHelper插件可以简化分页操作,需要在项目中引入PageHelper依赖,在执行查询前调用PageHelper.startPage()方法设置分页参数。

import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
// ...省略其他代码...
String pageIndex = request.getParameter("page"); // 获取当前页码
int pageSize = 10; // 每页显示的数据量
PageHelper.startPage(Integer.parseInt(pageIndex), pageSize); // 设置分页参数
List<Item> list = itemMapper.selectAll(); // 执行查询,获取数据列表
PageInfo<Item> pageInfo = new PageInfo<>(list); // 将数据列表封装成PageInfo对象,包含分页信息和数据列表本身
request.setAttribute("pageInfo", pageInfo); // 将PageInfo对象存入请求域中,供JSP页面使用

在JSP页面中,可以直接使用${pageInfo.list}访问当前页的数据列表,使用${pageInfo.totalCount}访问总记录数,使用${pageInfo.pageNum}访问当前页码,使用${pageInfo.pages}访问总页数。

<span>总记录数:${pageInfo.totalCount}</span> | <span>总页数:${pageInfo.pages}</span> | <span>当前页:${pageInfo.pageNum}</span> | <span>每页显示:${pageSize}</span> | <span>总共显示:${pageInfo.totalPage}</span> | <span>跳转到:</span> <form action="?page=${pageInfo.nextPageNum}" method="get"> <input type="text" name="page" value="${pageInfo.nextPageNum}" /> <input type="submit" value="跳转" /> </form> | <span>跳转到:</span> <form action="?page=${pageInfo.prePageNum}" method="get"> <input type="text" name="page" value="${pageInfo.prePageNum}" /> <input type="submit" value="上一页" /> </form> | <span>跳转到:</span> <form action="?page=1" method="get"> <input type="text" name="page" value="1" /> <input type="submit" value="首页" /> </form> | <span>跳转到:</span> <form action="?page=${pageInfo.pages}" method="get"> <input type="text" name="page" value="${pageInfo.pages}" /> <input type="submit" value="尾页" /> </form> | <span>跳转到:</span> <form action="?page=${pageInfo.currentPageNum}" method="get"> <input type="text" name="page" value="${pageInfo.currentPageNum}" /> <input type="submit" value="下一页" /> </form> | <span>跳转到:</span> <form action="?page=${pageInfo.lastPageNum}" method="get"> <input type="text" name="page" value="${pageInfo.lastPageNum}" /> <input type="submit" value="末页" /> </form> | <span>跳转到:</span> <form action="/index.jsp" method="get"> <input type="text" name="page" value="/index.jsp" /> <input type="submit" value="首页" /> </form> | <span>跳转到:</span> <form action="/end.jsp" method="get"> <input type="text" name="page" value="/end.jsp" /> <input type="submit" value="尾页" /> </form> | <span>&nbsp;&nbsp;|&nbsp;&nbsp;</span><br/> | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} | ${list} |

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/478889.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
IT工程IT工程订阅用户
上一篇 2024年7月16日 08:39
下一篇 2024年7月16日 08:49

相关推荐

  • 今日分享如何将html传值给jsp。

    3、表单传值: (图片来源网络,侵删) 4、session和cookie传值: 5、数据库传值: 6、XML/JSON传值: 7、Servlet传值: 将HTML中的值传递给JSP页面,可以通过多种方式实现,以下是一些常用的方法: 1、隐藏域传值…

    2024年6月25日
    00
  • 我来分享python命令行输入。

    Python命令行输入 在Python中,我们可以使用input()函数从命令行获取用户输入。input()函数允许用户在程序运行时提供数据,这些数据可以用于后续的处理和计算,在本篇文章中,我们将详细介绍如何使用input()函数以…

    2024年7月27日
    00
  • 关于css表单样式怎么控制字体大小。

    在CSS中,可以通过设置font-size属性来控制表单元素的字体大小。,,“css,input[type="text"], textarea {, font-size: 14px;,},“ 在网页设计中,表单是用户与网站进行交互的重要方式之一,通过表…

    2024年7月15日
    00
  • 小编分享JSP的setProperty方法怎么使用。

    JSP的setProperty方法用于设置JavaBean的属性值。 JSP(Java Server Pages)是一种基于Java技术的服务器端编程技术,它允许开发者在HTML页面中嵌入Java代码,从而实现动态生成Web页面,在JSP中,setProperty方法用…

    2024年7月17日
    00
  • 说说jsp隐藏标签的属性有哪些。

    JSP隐藏标签的属性有以下几种:1. id属性:用于指定标签的唯一标识符。 2. class属性:用于指定标签的类名,可以用于CSS样式的选择器。 3. style属性:用于指定标签的行内样式。 什么是JSP隐藏标签? JSP(Java Serv…

    2024年7月17日
    00
  • 经验分享pythoninput输入列表。

    在Python中,我们经常需要从用户那里获取输入,这可能是一个字符串、整数、浮点数,甚至是列表,在本篇文章中,我们将重点讨论如何通过input函数获取用户输入的列表。 1、使用input函数获取输入 Python的input函数…

    2024年7月21日
    00
  • 分享网站栏目的分页如何做好SEO优化。

    在SEO优化中,网站栏目分类的优化相对难度是比较大,因为很多网站的后台没有权限去直接修改或填写网站TDK,更重要的是,很多人对于网站栏目分类的优化也不理解,不重视。今天我们来说说网站栏目分页的SEO优化要怎么…

    2022年12月2日
    08
  • vue搜索引擎功能怎么实现。

    Vue搜索引擎功能可以通过使用前端框架Vue.js和后端技术(如Node.js、Elasticsearch等)实现。用户在前端输入关键词,然后通过Vue.js发送请求到后端服务器。后端服务器使用Elasticsearch进行搜索,并将搜索结果返回…

    2024年7月23日
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息