java实现分页显示效果

2024-09-27 13:53:47

本文实例为大家分享了java实现页显示效果的具体代码，供大家参考，具体内容如下

效果图如下：

实现步骤：

1.创建实体User.class,参考代码如下：

public class User {
 private String name;
 private int age;
 private String gender;

 public String getName() {
 return name;
 }

 public void setName(String name) {
 this.name = name;
 }

 public int getAge() {
 return age;
 }

 public void setAge(int age) {
 this.age = age;
 }

 public String getGender() {
 return gender;
 }

 public void setGender(String gender) {
 this.gender = gender;
 }

 public User(String name, int age, String gender) {
 super();
 this.name = name;
 this.age = age;
 this.gender = gender;
 }

 public User() {
 }

}

2.创建分页模型PageBean.class,参考代码如下：

public class PageBean<T> {

 private int pageNum;
 private int pageSize;
 private int totalRecord;
 private int totalPage;
 private List<T> list;
 private int start;
 private int end;
 private int fromIndex;
 private int toIndex;

 public PageBean(int pageNum, int pageSize, int totalRecord) {
 this.pageNum = pageNum;
 this.pageSize = pageSize;
 this.totalRecord = totalRecord;
 fromIndex=(pageNum-1)*pageSize;
 toIndex=pageNum*pageSize>totalRecord?totalRecord:pageNum*pageSize;

 if (totalRecord % pageSize == 0) {
  this.totalPage = totalRecord / pageSize;
 } else {
  this.totalPage = totalRecord / pageSize + 1;
 }
 start = 1;
 end = 5;
 if (totalPage <= 5) {
  end = this.totalPage;
 } else {
  start = pageNum - 2;
  end = pageNum + 2;

  if (start < 1) {
  start = 1;
  end = 5;
  }
  if (end > this.totalPage) {
  end = totalPage;
  start = end - 5;
  }
 }
 }

 public int getPageNum() {
 return pageNum;
 }

 public void setPageNum(int pageNum) {
 this.pageNum = pageNum;
 }

 public int getPageSize() {
 return pageSize;
 }

 public void setPageSize(int pageSize) {
 this.pageSize = pageSize;
 }

 public int getTotalRecord() {
 return totalRecord;
 }

 public int getFromIndex() {
 return fromIndex;
 }

 public void setFromIndex(int fromIndex) {
 this.fromIndex = fromIndex;
 }

 public int getToIndex() {
 return toIndex;
 }

 public void setToIndex(int toIndex) {
 this.toIndex = toIndex;
 }

 public void setTotalRecord(int totalRecord) {
 this.totalRecord = totalRecord;
 }

 public int getTotalPage() {
 return totalPage;
 }

 public void setTotalPage(int totalPage) {
 this.totalPage = totalPage;
 }

 public List<T> getList() {
 return list;
 }

 public void setList(List<T> list) {
 this.list = list.subList(fromIndex, toIndex);
 }

 public int getStart() {
 return start;
 }

 public void setStart(int start) {
 this.start = start;
 }

 public int getEnd() {
 return end;
 }

 public void setEnd(int end) {
 this.end = end;
 }

}

3.创建jsp页面，参考代码如下：

/**
 *index.jsp
 */
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
  </head>
  <body>
    <a href="${pageContext.request.contextPath }/main" rel="external nofollow" >分页显示</a>
  </body>
</html>

/**
 *main.jsp
 */
<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript"
   src="${pageContext.request.contextPath}/jquery/jquery.min.js"></script>
    <script type="text/javascript">
   function gos() {
 var pageNum = $.trim($("#pageNum").val());
 if(isNaN(pageNum)){
  alert("输入的不是数字 ，请输入数字！");
  return ;
 }
 if(pageNum==""){
  alert("输入为空，请重新输入！");
  return ;
 }
 if(pageNum<1||pageNum>${requestScope.pageBean.totalPage}){
  alert("超出范围，请重新输入！");
  return ;
 }
      location.href="${pageContext.request.contextPath}/main?pageNum=" rel="external nofollow" +pageNum;
 }
    </script>
    <title>分页显示</title>
  </head>
  <body>
 <center>
 <table width="40%" style="text-align:center">
  <tr>
  <th>姓名</th>
  <th>性别</th>
  <th>年龄</th>
  </tr>
  <c:forEach items="${requestScope.pageBean.list }" var="i">
  <tr>
   <td>${i.name }</td>
   <td>${i.gender }</td>
   <td>${i.age }</td>
  </tr>
  </c:forEach>
 </table>
 </center>
 <br />
 <center>
 <a href="${pageContext.request.contextPath}/main?pageNum=1" rel="external nofollow" >首页</a>
 <c:if test="${requestScope.pageBean.pageNum ==1}">
 <c:forEach begin="${requestScope.pageBean.start}"
  end="${requestScope.pageBean.end}" var="i">
  <c:if test="${requestScope.pageBean.pageNum == i}">
            ${i}
          </c:if>
  <c:if test="${requestScope.pageBean.pageNum != i}">
  <a href="${pageContext.request.contextPath}/main?pageNum=${i}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >${i}</a>
  </c:if>
 </c:forEach>
 <a
  href="${pageContext.request.contextPath}/main?pageNum=${requestScope.pageBean.pageNum+1}" rel="external nofollow" rel="external nofollow" >下一页</a>
 </c:if>

 <c:if
 test="${requestScope.pageBean.pageNum > 1 && requestScope.pageBean.pageNum < requestScope.pageBean.totalPage}">
 <a
  href="${pageContext.request.contextPath}/main?pageNum=${requestScope.pageBean.pageNum-1}" rel="external nofollow" rel="external nofollow" >上一页</a>
 <c:forEach begin="${requestScope.pageBean.start}"
  end="${requestScope.pageBean.end}" var="i">
  <c:if test="${requestScope.pageBean.pageNum == i}">
            ${i}
          </c:if>
  <c:if test="${requestScope.pageBean.pageNum != i}">
  <a href="${pageContext.request.contextPath}/main?pageNum=${i}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >${i}</a>
  </c:if>
 </c:forEach>
 <a
  href="${pageContext.request.contextPath}/main?pageNum=${requestScope.pageBean.pageNum+1}" rel="external nofollow" rel="external nofollow" >下一页</a>
 </c:if>

 <c:if
 test="${requestScope.pageBean.pageNum == requestScope.pageBean.totalPage}">
 <a
  href="${pageContext.request.contextPath}/main?pageNum=${requestScope.pageBean.pageNum-1}" rel="external nofollow" rel="external nofollow" >上一页</a>
 <c:forEach begin="${requestScope.pageBean.start}"
  end="${requestScope.pageBean.end}" var="i">
  <c:if test="${requestScope.pageBean.pageNum == i}">
            ${i}
          </c:if>
  <c:if test="${requestScope.pageBean.pageNum != i}">
  <a href="${pageContext.request.contextPath}/main?pageNum=${i}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >${i}</a>
  </c:if>
 </c:forEach>
   </c:if>
   <a
 href="${pageContext.request.contextPath}/main?pageNum=${requestScope.pageBean.totalPage}" rel="external nofollow" >尾页</a><br><br>
 跳转到
   <input type="text" id="pageNum" size="1px"></input>页
   <a href="javascript:gos()" rel="external nofollow" >确定</a>, 共[${requestScope.pageBean.totalPage }]页,[${requestScope.pageBean.totalRecord}]条记录
 </center>
  </body>
</html>

4.创建Servlets.class，参考代码如下：

@WebServlet("/main")
public class Servlets extends HttpServlet {

 @Override
 protected void service(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
 String page = request.getParameter("pageNum");
 int pageNum = Integer.parseInt((page == null ? "1" : page));
 int pageSize = 5;
 Service s = new Service();
 PageBean<User> pb = s.findAll(pageNum, pageSize);
 request.setAttribute("pageBean", pb);
 request.getRequestDispatcher("/main.jsp").forward(request, response);
 }
}

5.创建Service.class，参考代码如下：

public class Service {
 public PageBean<User> findAll(int pageNum, int pageSize) {
 UserDao userDao = new UserDao();
 List<User> users = userDao.findAll();
 int totalRecord = users.size();
 PageBean<User> pb = new PageBean<>(pageNum, pageSize, totalRecord);
 pb.setList(users);
 return pb;
 }
}

6.创建UserDao.class，参考代码如下：

public class UserDao {
 List<User> users=new ArrayList<>();
 User user;
 public List<User> findAll(){
 for(int i=1;i<99;i++){
  user=new User("name-"+i, (int)(100*Math.random()), (int)(10*Math.random())%2==1?"男":"女");
  users.add(user);
 }
 return users;
 }
}

需注意的问题：

1.需在WebContent下创建文件夹jquery，在他里面放入jquery.min.js这个文件。否则跳转功能异常。

2.index.jsp与main.jsp都在WebContent文件夹下。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Java的MyBatis框架中实现多表连接查询和查询结果分页

实现多表联合查询还是在david.mybatis.model包下面新建一个Website类,用来持久化数据之用,重写下相应toString()方法,方便测试程序之用. package david.mybatis.model; import java.text.SimpleDateFormat; import java.util.Date; public class Website { private int id; private String name; private int visito
JavaWeb中的简单分页完整代码(推荐)

这次主要是讲解一下通过登录后对得到的数据进行分页,首先我们新建一个登录页面login.jsp,因为我们主要学习一下分页,所以登录验证的部分不再阐述,主要代码如下: <form action="pageServlet"> 用户名:<input type="text" name="username"><br> 密码:<input type="text" name="passwo
Java(基于Struts2) 分页实现代码

分页实现的基本过程是这样的: 1. 设置自己的分页器的基本参数(可以从配置文件中读取) ■每页显示的记录条数 ■每次最多显示多少页 2. 编写设置分页器其他参数的函数主要参数有以下几个: 总记录条数总页数当前页号:现在显示的页数每页显示的记录条数当前页开始行(第一行是0行) 第一页页号最后页页号下一页页号上一页页号画面上显示的起始页号画面上显示的结束页号参数基本实现原理:设置以上各个参数,实际上只需要三个参数就可以对所有的其他变量进行设置,即总记录条数,每页显示记录数,每次
举例详解用Java实现web分页功能的方法

分页问题是一个非常普遍的问题,开发者几乎都会遇到,这里不讨论具体如何分页,说明一下Web方式下分页的原理.首先是查询获得一个结果集(表现为查询数据库获得的结果),如果结果比较多我们一般都不会一下显示所有的数据,那么就会用分页的方式来显示某些数据(比如20条).因为Http的无状态性,每一次提交都是当作一个新的请求来处理,即使是换页,上一次的结果对下一次是没有影响的. 这里总结三种实现分页的方式,不知道还有没有别的! 1.每次取查询结果的所有数据,然后根据页码显示指定的纪录. 2.根据页面只取一页
jsp+servlet+javabean实现数据分页方法完整实例

本文实例讲述了jsp+servlet+javabean实现数据分页方法.分享给大家供大家参考,具体如下: 这里秉着且行且记的心态,记录下学习过程,学得快忘得快,生怕遗忘,以备日后使用. 用到的部分代码是自己在网上查找,并自己修改,加上自己的理解.也不知道算不算原创,只做自己学习记录. 使用相关:PostgreSQL数据库.dom4j.JSP.Servlet 一.首先是工程格局,来个全局视图方便读者与自己查看与使用思路为: 以config.xml文件记录配置信息,以方便数据库更改,方便移植与重用
Java简单实现SpringMVC+MyBatis分页插件

1.封装分页Page类 package com.framework.common.page.impl; import java.io.Serializable; import com.framework.common.page.IPage; /** * * * */ public abstract class BasePage implements IPage, Serializable { /** * */ private static final long serialVersionUID
js前台分页显示后端JAVA数据响应

好久没有写过代码了,手有些痒了,正好底下小弟们某些功能的实现着实影响工程进度,便自己动手给写了一段. 功能:js前台分页显示 + 后台数据响应(JAVA Servlet即可) 框架:jquery1.8.7 此文目的:给那些刚入行软件开发,喜欢这也看看,那也看看,这儿copy一下,那儿copy一下初级小菜鸟们做一个表帅; 1 为程序者需认真踏实坐下来; 2 程序需要有投入才有收获; 3 有收获才有鼓舞,才有动力一步一步往下走! 下面上代码,具体会有小注释 1.web页面的逻辑处理(js代码写到页面
Java Web 简单的分页显示实例代码

本文通过两个方法:(1)计算总的页数. (2)查询指定页数据,实现简单的分页效果. 思路:首先得在 DAO 对象中提供分页查询的方法,在控制层调用该方法查到指定页的数据,在表示层通过 EL 表达式和 JSTL 将该页数据显示出来. 先给大家展示下效果图: 题外话:该分页显示是用 "表示层-控制层-DAO层-数据库"的设计思想实现的,有什么需要改进的地方大家提出来,共同学习进步.废话不多说了,开始进入主题,详细步骤如下所示: 1.DAO层-数据库 JDBCUtils 类用于打开和关闭数据
Java操作MongoDB模糊查询和分页查询

本文实例为大家分享了Java操作MongoDB模糊查询和分页查询,供大家参考,具体内容如下模糊查询条件: 1.完全匹配 Pattern pattern = Pattern.compile("^name$", Pattern.CASE_INSENSITIVE); 2.右匹配 Pattern pattern = Pattern.compile("^.*name$", Pattern.CASE_INSENSITIVE); 3.左匹配 Pattern pattern =
使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页

先给大家展示下运行效果图: 1.后台action产生json数据. List blackList = blackService.getBlackInfoList(mobileNum, gatewayid, startDate, endDate); int totalRows = blackList.size(); StringBuffer sb = new StringBuffer(); sb.append("{\"totalCount\":\""+to

java实现分页显示效果

相关推荐

随机推荐