zoukankan      html  css  js  c++  java
  • 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="#" onclick="testPage();" value="<%=i%>" id="pages" class="number"><%=i%></a> 
    <%} %>

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

  • 相关阅读:
    夺命雷公狗---node.js---2node.js中的npm的常用命令
    nginx安装目录
    linux下安装nginx
    mui实现推送功能
    SpringBoot WebSocket实现
    发送短信验证码
    Vue在HTML页面中的脚手架
    SpringBoot邮件发送功能
    毕业设计功能
    毕业设计数据库
  • 原文地址:https://www.cnblogs.com/Williamwen/p/10299917.html
Copyright © 2011-2022 走看看