通用分页2.

最新推荐文章于 2024-09-14 17:47:04 发布

大佬教我敲代码

最新推荐文章于 2024-09-14 17:47:04 发布

阅读量213

点赞数

文章标签：分类

本文链接：https://blog.csdn.net/m0_65314166/article/details/124161105

版权

之前写的通用分页1描述了
1.对通用分页的后台代码进行封装
2.简化后台代码
通用分页2目标
1.前台代码进行封装
2.页面的形式展现出来
Web包

package com.zxp.web;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.zxp.dao.BookDao;
import com.zxp.entity.Book;
import com.zxp.util.PageBean;

public class BookServlet extends HttpServlet{

   private static final long serialVersionUID = -5139794703066837744L;
   private BookDao bookDao=new BookDao();
   @Override
   protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
       doPost(req, resp);
   }
   @Override
   protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//       查询数据库
       String bname=req.getParameter("bname");//传数据名
       Book book = new Book();
       book.setBname(bname);
       PageBean pageBean=new PageBean();
       try {
           List<Book> list = bookDao.list(book, pageBean);
           req.setAttribute("bookList", list);
           req.getRequestDispatcher("/bookList.jsp").forward(req, resp);
       } catch (Exception e) {
           e.printStackTrace();
       }
   }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
Web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
<display-name>T_pagebean</display-name>

<filter>
<filter-name>encodingFiter</filter-name>
<filter-class>com.zxp.util.EncodingFiter</filter-class>
</filter>
<filter-mapping>
<filter-name>encodingFiter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

<servlet>
<servlet-name>bookServlet</servlet-name>
<servlet-class> com.zxp.web.BookServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>bookServlet</servlet-name>
<url-pattern>/bookServlet</url-pattern>
</servlet-mapping>

</web-app>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
Jsp代码

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>小说</title>
</head>
<body>
<h2>小说目录</h2>
<br>

   <form action="${pageContext.request.contextPath}/bookServlet"
       method="post">
       书名：<input type="text" name="bname"> <input type="submit"
           value="确定">
   </form>
   <table border="1" width="100%">
       <tr>
           <td>编号</td>
           <td>名称</td>
           <td>价格</td>
       </tr>
       <c:forEach items="${bookList }" var="b">
           <tr>
               <td>${b.bid }</td>
               <td>${b.bname }</td>
               <td>${b.price }</td>
           </tr>
       </c:forEach>
   </table>

   <form id='pageBeanForm' action='' method='post'>
       <input type='hidden' name=''> <input type='hidden' name='page'>
   </form>

   <div style='text-align: right; font-size: 12px;'>
       每页N条，共N条，第N页，共N页  <a href='javascript:gotoPage(?)'>首页</a>  <a
           href='javascript:gotoPage(?)'>上一页</a>  <a
           href='javascript:gotoPage(?)'>下一页</a>  <a
           href='javascript:gotoPage(?)'>尾页</a>  <input type='text'
           id='skipPage'
           style='text-align: center; font-size: 12px; width: 50px;'>  <a
           href='javascript:skipPage()'>Go</a>
   </div>

   <script type='text/javascript'>
       function gotoPage(page) {
           document.getElementById('pageBeanForm').page.value = page;
           document.getElementById('pageBeanForm').submit();
       }
       function skipPage() {
           var page = document.getElementById('skipPage').value;
           if(!page || isNaN(page) || parseInt(page)<1 || parseInt(page)>maxPage){
               alert('请输入1~N的数字');
               return;
           }
           gotoPage(page);
       }
   </script>