jsp分页,分页形式(<1,2,3······>)

jsp中实现如下形式的分页(<1,2,3>)

所需参数:

  1.数据库或接口返回的数据的总条数(total)。

  2.每页显示的条数。(我将每页显示的条数定为了15条)

用数据的总条数除以每页显示的条数,就是所要展示页数。

代码摘要如下:

  后台:

Integer total = (Integer) returnMap.get("total")  ;/**//获取接口或数据库返回的数据总条数。*/
Integer totalpages = total%15==0?(total/15):(total/15)+1;//求总页数 ,这儿我用的是三目运算,即:如果总数除以每页条数,没有余数,就返回得到的商,若有余数,则再给商加一。这样就得到了比较全的页数。

request.setAttribute("totalpages", totalpages);//返回到前台

  前端:(我是用jsp实现的)

1.先获取返回值,再将返回值转化成int类型,便于做循环操作

<%
String path = request.getContextPath();
String pageCount = request.getAttribute("totalpages").toString();
int pagetotal = Integer.parseInt(pageCount);
%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

2.进行循环展示

<% for (int i = 1; i <= pagetotal; i++) {%>
<a href="#" οnclick="testPage();" value="<%=i%>" id="pages" class="number"><%=i%></a> 
<%} %>

在js中定义testPage();函数,将获取到的页数传到后台从而实现导航效果。

 

转载于:https://www.cnblogs.com/Williamwen/p/10299917.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
给下面代码增加分页功能,要求细致,逻辑清楚,<form action="./../selectNews" method="post"> <input type="text" name="key" id="key" placeholder="请输入标题"/> <input type="submit" value="查询"/> <a href="zhuce.jsp">发布新闻</a> <a href="../user01/index.jsp">返回主页</a> </form> <table> <thead> <tr> <th>新闻编号</th> <th>新闻标题</th> <%-- <th>新闻内容</th>--%> <th>新闻类别</th> <th>发布人</th> <th>发布时间</th> <th>状态</th> <th>是否头条</th> <th colspan="4" align="center">操作</th> </tr> </thead> <tbody> <c:forEach items="${newslist}" var="u"> <tr> <td>${u.nid}</td> <td>${u.title}</td> <%-- <td>${u.content}</td>--%> <td>${u.type}</td> <td>${u.userName}</td> <td>${u.pubTime}</td> <td> <c:choose> <c:when test="${u.state==0}"><span style="color: ghostwhite">未审核</span></c:when> <c:when test="${u.state==1}"><span style="color: green">审核通过</span></c:when> <c:otherwise><span style="color: red">未通过</span></c:otherwise> </c:choose> </td> <td> <c:choose> <c:when test="${u.top==0}">否</c:when> <c:otherwise>是</c:otherwise> </c:choose> </td> <c:choose> <c:when test="${user.rule==1}"> <td> <a href="../NewsDetailServlet?nid=${u.nid}&op=show">查看</a> </td> <td> <a href="../NewsDetailServlet?nid=${u.nid}&op=update">修改</a> </td> <td> <a href="NewsDelete.jsp?nid=${u.nid}&title=${u.title}&userName=${user.userName}">删除</a> </td> <td> <a href="Newsshenhe.jsp?nid=${u.nid}&title=${u.title}&userName=${user.userName}">审核</a> </td> </c:when> <c:when test="${user.rule==0 && user.uid==u.uid}"> <td><a href="../NewsDetailServlet?nid=${u.nid}&op=show">查看</a></td> <td><a href="../NewsDetailServlet?nid=${u.nid}&op=update">修改</a></td> <td><a href="NewsDelete.jsp?nid=${u.nid}&title=${u.title}&userName=${user.userName}">删除</a></td> </c:when> <c:otherwise> <td><a href="../NewsDetailServlet?nid=${u.nid}&op=show">查看</a></td> </c:otherwise> </c:choose> </tr> </c:forEach> </table>
最新发布
06-01
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值