English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

  1. 所在位置
  2. 首页
  3. 经验笔记
  4. 正文

Analisi del codice per la realizzazione della funzione di paginazione in javaweb bean servlet jsp

前端实现用ligerUI实现分页，感觉用框架确实简单，闲着无聊，模拟着liger的分页界面实现了一遍（只要是功能，样式什么无视）　

这里用基础的三层架构+servlet+jsp实现，思路很简单，把所有分页相关信息写入到一个pagebean类里面，service返回这个bean类，每次分页查询时都从该bean里查找信息。只是其中的细节问题比较繁琐，如边界处理（前端和后台边界都要处理），下拉框跳转后要显示当前页等等　

这是ligerUI实现的分页样式（实现过程我的上一篇文章有写：https://it.oldtoolbag.com/article/92850.htm）　

模拟实现过程：　

目录结构

　

数据库（mysql）

　

model层,一个数据库对应的model（Blog），还有一个pageBean(BlogPage)　

import java.sql.Date;
public class Blog {
 private int id;
 private int category_id;
 private String title;
 private String content;
 private Date created_time;
　　//getter和setter方法
 @Override
 public String toString() {
  return "Blog [id=" + id + ", category_id=" + category_id + ", title="[#1#]", content=" + content}}
    + ", created_time=" + created_time + "]";
 } 
}

public class BlogPage {
 private List<Blog> pagerecord; // Record per pagina
 private int pageno; // Pagina corrente
 private int pagenostart; // Indice di inizio della pagina
 private int pagesize = 5; // Quanti dati per pagina
 private int totalrecord; // Numero totale di record
 private int totalpage; // Numero totale di pagine
 public BlogPage(int pageno, int totalrecord) {
  //pageno e totalrecord possono essere considerati informazioni esistenti
  this.totalrecord = totalrecord;
  //Calcola il numero totale di pagine
  totalpage = (totalrecord % pagesize == 0) ? totalrecord / pagesize : totalrecord / pagesize + 1;
  //Gestione dei limiti di pageno
  if (pageno <= 1)
   this.pageno = 1;
  else if (pageno >= totalpage)
   this.pageno = totalpage;
  else
   this.pageno = pageno;
  //Calcola l'indice di inizio della pagina, ovvero l'indice del primo elemento della pagina, utilizzato per la ricerca a paginazione
  pagenostart = (this.pageno - 1) * pagesize;
 }
 public int getPagenostart() {
  return pagenostart;
 }
 public void setPagenostart(int pagenostart) {
  this.pagenostart = pagenostart;
 }
 public List<Blog> getPagerecord() {
  return pagerecord;
 }
 public void setPagerecord(List<Blog> pagerecord) {
  this.pagerecord = pagerecord;
 }
 public int getPageno() {
  return pageno;
 }
 public void setPageno(int pageno) {
  this.pageno = pageno;
 }
 public int getPagesize() {
  return pagesize;
 }
 public void setPagesize(int pagesize) {
  this.pagesize = pagesize;
 }
 public int getTotalrecord() {
  return totalrecord;
 }
 public void setTotalrecord(int totalrecord) {
  this.totalrecord = totalrecord;
 }
 public int getTotalpage() {
  return totalpage;
 }
 public void setTotalpage(int totalpage) {
  this.totalpage = totalpage;
 }
}
　

strato DAO

JDBCUtil encapsula le operazioni di connessione e rilascio di jdbc

public class JDBCUtil {
 private static String url = "jdbc:mysql://localhost:3306/blogs_stu";
 private static String username = "root";
 private static String password = "";
 static {
  try {
   Class.forName("com.mysql.jdbc.Driver");
  } catch (Exception e) {
   e.printStackTrace();
  }
 }
 public static Connection getConnection(){
  Connection conn;
  try {
   conn = DriverManager.getConnection(url, username, password);
   return conn;
  }
   e.printStackTrace();
  }
  return null;
 }
 public static void release(ResultSet rs, PreparedStatement ps, Connection conn){
  if(rs!=null){
   try {
    rs.close();
   }
    e.printStackTrace();
   }
  }
  if(ps!=null){
   try {
    ps.close();
   }
    e.printStackTrace();
   }
  }
  if(conn!=null){
   try {
    conn.close();
   }
    e.printStackTrace();
   }
  }
 }
}

public class BlogDao {
 //每页的记录，传入每页开始索引和每页大小用于分页，即limit的两个参数（mysql分页用limit）
 public List<Blog> getPageRecord(int pagenostart, int pagesize) {
  Connection conn = JDBCUtil.getConnection();
  PreparedStatement ps = null;
  ResultSet rs = null;
  String sql = "select * from blog limit ?,?";
  List<Blog> list = new ArrayList<Blog>();
  try {
   ps = conn.prepareStatement(sql);
   ps.setInt(1, pagenostart);
   ps.setInt(2, pagesize);
   rs = ps.executeQuery();
   while (rs.next()) {
    Blog blog = new Blog();
    blog.setId(rs.getInt("id"));
    blog.setCategory_id(rs.getInt("category_id"));
    blog.setTitle(rs.getString("title"));
    blog.setContent(rs.getString("content"));
    blog.setCreated_time(rs.getDate("created_time"));
    list.add(blog);
   }
   return list;
  }
   e.printStackTrace();
  }
   JDBCUtil.release(rs, ps, conn);
  }
  return null;
 }
 //总记录数
 public int getTotal() {
  Connection conn = JDBCUtil.getConnection();
  PreparedStatement ps = null;
  ResultSet rs = null;
  try {
   ps = conn.prepareStatement("select count(*) from blog");
   rs = ps.executeQuery();
   if (rs.next()) {
    return rs.getInt(1);
   }
  }
   e.printStackTrace();
  }
   JDBCUtil.release(rs, ps, conn);
  }
  return 0;
 }
}

Strato di servizio　

public class BlogService {
 BlogDao blogDao = new BlogDao();
 //Restituisce pagebean, tutte le informazioni necessarie per tutte le paginazioni devono essere cercate nel pagebean
 public BlogPage findPageRecord(int pageno) {
  int totalrecord = blogDao.getTotal();
  BlogPage blogpage = new BlogPage(pageno, totalrecord);
  List<Blog> list = blogDao.getPageRecord(blogpage.getPagenostart(), blogpage.getPagesize());
  blogpage.setPagerecord(list);
  return blogpage;
 }
}

Classe servlet　

@WebServlet("/BlogSplitServlet")
public class BlogSplitServlet extends HttpServlet {
 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  request.setCharacterEncoding("UTF-8");
  response.setContentType("text/html; charset=utf-8");
  String pagenostr = request.getParameter("pageno");
  //Prima visita al servlet, pagenostr è null, assegna un valore iniziale, ovvero la pagina di default è la prima pagina
  int pageno = 1;
  if (pagenostr != null)
   pageno = Integer.parseInt(pagenostr);
  BlogService service=new BlogService();
  BlogPage blogPage=service.findPageRecord(pageno);
  request.setAttribute("blogPage", blogPage);
  request.getRequestDispatcher("/blogPage.jsp").forward(request, response);
 }
 public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  doGet(request, response);
 }
}

In this way, all pagination information is encapsulated into the pagebean　

The jsp implementation only needs to extract the information from the pagebean　

Below is my jsp implementation (simulating ligerUI)　

<%@ page linguaggio="java" contentType="text/html; charset=utf-8"}}
 encoding="utf-8"%>
<%@page import="java.util.*,model.Blog,model.BlogPage"%>
<!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>Inserisci titolo qui</title>
<script type="text/javascript">
 window.onload = function() {
  //Ensure that the select option is consistent with the current page display
  select = document.getElementById("select");
  pageno = '${blogPage.pageno}';
  select.options[pageno - 1].selected = 'selected';
 }
 //salto elenco a discesa
 function selectjump() {
  var pageno = select.selectedIndex + 1;
  window.location.href = "http://localhost/jspPageSplit/BlogSplitServlet?pageno="
    + pageno;
 }
 //text jump, onblur event, the input box loses focus when it occurs
 function textjump() {
  var pageno = document.getElementById("text").value;
  window.location.href = "http://localhost/jspPageSplit/BlogSplitServlet?pageno="
    + pageno;
 }
</script>
</head>
<body>
 <%
  BlogPage blogPage = (BlogPage) request.getAttribute("blogPage");
  List<Blog> list = blogPage.getPagerecord();
  // Riempimento delle righe vuote alla fine della pagina, se non viene riempito, il numero di righe della tabella tr della pagina finale non è coerente con le pagine precedenti e sembra brutto
  if (list.size() < blogPage.getPagesize()) {
   for (int i = list.size(); i < blogPage.getPagesize(); i++)
    list.add(null);
  }
 %>
 <div style="larghezza: 50%; altezza: 400px">
  <table bordo="1" separazione="0" larghezza="100%" sfondo="#CEF0C5">
   <tr altezza="40px">
    <td>id</td><td>titolo</td><td>contenuto</td><td>ora di creazione</td>
   </tr>
   <%
    for (Blog blog : list) {
     if (blog != null) {
   %>
   <tr height="50px">
    <td width="10%"><%=blog.getId() %></td>
    <td width="20%"><%=blog.getTitle() %></td>
    <td width="40%"><%=blog.getContent() %></td>
    <td width="30%"><%=blog.getCreated_time()%></td>
   </tr>
   <!-- riempimento riga finale pagina finale -->
   <%} else {%>
   <tr height="50px">
    <td width="10%"></td>
    <td width="20%"></td>
    <td width="40%"></td>
    <td width="30%"></td>
   </tr>
   <%}}%>
  </table>
  <div style="height:50px;background-color: #4B7DB3;line-height: 40px;">
    
  <!-- select menù a discesa -->
  <select id="select">
   <%for (int i = 1; i <= blogPage.getTotalpage(); i++) {%>
   <option onclick="selectjump()"><%=i%></option>
   <%}%>
  </select> 
  <a href="${pageContext.request.contextPath}/BlogSplitServlet?pageno=1">Prima pagina</a>
  <a href="${pageContext.request.contextPath}/BlogSplitServlet?pageno=<%=blogPage.getPageno()-1<1?blogPage.getPageno():blogPage.getPageno()-1%>">Pagina precedente</a>  
  <input type="text" id="text" size="1px" value="${blogPage.pageno}" onblur="textjump()">/${blogPage.totalpage} 
  <a href="${pageContext.request.contextPath}/BlogSplitServlet?pageno=<%=blogPage.getPageno()+1>blogPage.getTotalpage()?blogPage.getPageno():blogPage.getPageno()+1%>">Pagina successiva</a>
  <a href="${pageContext.request.contextPath}/BlogSplitServlet?pageno=<%=blogPage.getTotalpage()%>">Pagina finale</a>
  <div style="float: right;">
  Mostra da ${blogPage.pagenostart+1} a ${blogPage.pageno==blogPage.totalpage?blogPage.totalrecord:blogPage.pagesize},
  In totale ${blogPage.totalrecord} articoli. Mostra ${blogPage.pagesize} articoli per pagina
  </div>
  </div>
 </div>
</body>
</html>

Questo è l'aspetto finale, lo stile è stato regolato grossolanamente, le funzionalità sono identiche a quelle di default di ligerUI per la paginazione　

Modificare il codice nel JSP utilizzando i tag (JSTL, è necessario includere il relativo jar package) e spostare il riempimento della pagina finale nel servlet　

aggiungere nel servlet　

// Riempimento delle righe vuote alla fine della pagina, se non viene riempito, il numero di righe della tabella tr della pagina finale non è coerente con le pagine precedenti e sembra brutto
  List<Blog> list = blogPage.getPagerecord();
  if (list.size() < blogPage.getPagesize()) {
   for (int i = list.size(); i < blogPage.getPagesize(); i++)
    list.add(null);
  }
  blogPage.setPagerecord(list);

pagina JSP　

<%@ page linguaggio="java" contentType="text/html; charset=utf-8"}}
 encoding="utf-8"%>
<%@page import="java.util.*,model.Blog,model.BlogPage"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Inserisci titolo qui</title>
<script type="text/javascript">
 //salto elenco a discesa
 function selectjump() {
  var select = document.getElementById("select");
  var pageno = select.selectedIndex + 1;
  window.location.href = "http://localhost/jspPageSplit/BlogSplitServlet?pageno="
    + pageno;
 }
 //text salto, evento onblur, si verifica quando il campo di input perde il fuoco
 function textjump() {
  var pageno = document.getElementById("text").value;
  window.location.href = "http://localhost/jspPageSplit/BlogSplitServlet?pageno="
    + pageno;
 }
</script>
</head>
<body>
 <div style="larghezza: 50%; altezza: 400px">
  <table bordo="1" separazione="0" larghezza="100%" sfondo="#CEF0C5">
   <tr altezza="40px">
    <td>id</td><td>titolo</td><td>contenuto</td><td>ora di creazione</td>
   </tr>
   <c:forEach items="${blogPage.pagerecord}" var="c" varStatus="vs">
   <c:if test="${c!=null}">
      <tr height="50px">
    <td width="10%">${c.id}</td>
    <td width="20%">${c.title}</td>
    <td width="40%">${c.content}</td>
    <td width="30%">${c.created_time}</td>
   </tr>
   </c:if>
   <!-- riempimento riga finale pagina finale -->
   <c:if test="${c==null}">
   <tr height="50px">
    <td width="10%"></td>
    <td width="20%"></td>
    <td width="40%"></td>
    <td width="30%"></td>
   </tr>
   </c:if>
   </c:forEach>
  </table>
  <div style="height:50px;background-color: #4B7DB3;line-height: 40px;">
    
  <!-- select menù a discesa -->
  <select id="select">
  <c:forEach begin="1" end="${blogPage.totalpage}" var="i">
  <option value="${i}" onclick="selectjump()" ${blogPage.pageno==i?'selected="selected"':''}>${i}</option>
  </c:forEach>
  </select> 
  <a href="${pageContext.request.contextPath}/BlogSplitServlet?pageno=1">Prima pagina</a>
  <a href="${pageContext.request.contextPath}/BlogSplitServlet?pageno=${blogPage.pageno-1<1?blogPage.pageno:blogPage.pageno-1}">Pagina precedente</a>  
  <input type="text" id="text" size="1px" value="${blogPage.pageno}" onblur="textjump()">/${blogPage.totalpage} 
  <a href="${pageContext.request.contextPath}/BlogSplitServlet?pageno=${blogPage.pageno+1>blogPage.totalpage?blogPage.pageno:blogPage.pageno+1}">Pagina successiva</a>
  <a href="${pageContext.request.contextPath}/BlogSplitServlet?pageno=${blogPage.totalpage}">Pagina finale</a>
  <div style="float: right;">
  Mostra da ${blogPage.pagenostart+1} a ${blogPage.pageno==blogPage.totalpage?blogPage.totalrecord:blogPage.pagesize},
  In totale ${blogPage.totalrecord} articoli. Mostra ${blogPage.pagesize} articoli per pagina
  </div>
  </div>
 </div>
</body>
</html>

　In applicazione pratica, è possibile scrivere pagine JSP in base alle esigenze, ma il codice di backend è generalmente comune　


Questo è tutto il contenuto dell'articolo, spero che sia utile per la tua apprendimento e che tu sostenga fortemente il Corso URL.

Dichiarazione: il contenuto di questo articolo è stato prelevato da Internet, è di proprietà del rispettivo autore, il contenuto è stato contribuito e caricato dagli utenti di Internet autonomamente, questo sito non detiene i diritti di proprietà, non è stato editato manualmente e non assume responsabilità legali correlate. Se trovi contenuti sospetti di violazione del copyright, invia un'e-mail a: notice#oldtoolbag.com (al momento dell'invio dell'e-mail, sostituisci # con @) per segnalare il problema e fornire prove pertinenti. Una volta verificata, questo sito eliminerà immediatamente il contenuto sospetto di violazione del copyright.

教程基础
Ti potrebbe interessare