java实现分页显示效果

2019-11-26 09:42:20

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了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文件夹下。

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

上一篇：使用BeanFactory实现创建对象

下一篇：SpringBoot使用Spring-Data-Jpa实现CRUD操作