zoukankan      html  css  js  c++  java
  • 通用分页(二)

    一,改造

    1.1通用分页核心思路将上一次查询请求再发一次,只不过页码变了

    1.2将查询参数保存到pagebean中Map paramMap 存储参数键值对

    1.3在pagebean定义一个属性存放上一次的请求

    新建一 个外包package  package在企业级命名不能为Servlet  最好使用web

    package com.GeneralPaging.web;

    BookServlet

    代码:

     1 package com.GeneralPaging.web;
     2 
     3 import java.io.IOException;
     4 import java.sql.SQLException;
     5 import java.util.List;
     6 import java.util.Map;
     7 
     8 import javax.servlet.ServletException;
     9 import javax.servlet.http.HttpServlet;
    10 import javax.servlet.http.HttpServletRequest;
    11 import javax.servlet.http.HttpServletResponse;
    12 
    13 import com.GeneralPaging.dao.BookDao;
    14 import com.GeneralPaging.entity.Book;
    15 import com.GeneralPaging.util.PageBean;
    16 
    17 public class BookServlet extends HttpServlet {
    18 
    19     /**
    20      * 
    21      */
    22     private static final long serialVersionUID = -5342105797517938272L;
    23 
    24     private BookDao bookDao=new BookDao();
    25     
    26     @Override
    27     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    28         // TODO Auto-generated method stub
    29         doPost(req, resp);
    30     }
    31     
    32     @Override
    33     protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    34         // TODO Auto-generated method stub
    35         //前台传入banme
    36         String bname=req.getParameter("bname");
    37         bname=new String(bname.getBytes("ISO-8859-1"),"UTF-8");
    38         Book book=new Book();
    39         book.setBname(bname);
    40     
    41         //分页
    42         PageBean pagebean=new PageBean();
    43         
    44         try {
    45             pagebean.setRequest(req);
    46             List<Book> list = this.bookDao.list(book, pagebean);
    47             req.setAttribute("bookList", list);
    48             req.setAttribute("pageBean", pagebean);
    49             req.getRequestDispatcher("/bookList.jsp").forward(req, resp);
    50         } catch (InstantiationException e) {
    51             // TODO Auto-generated catch block
    52             e.printStackTrace();
    53         } catch (IllegalAccessException e) {
    54             // TODO Auto-generated catch block
    55             e.printStackTrace();
    56         } catch (SQLException e) {
    57             // TODO Auto-generated catch block
    58             e.printStackTrace();
    59         }
    60         super.doPost(req, resp);
    61     }
    62     
    63 }

    配置BookServlet的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>JavaGeneralPaging</display-name>
       
         <servlet>
       <servlet-name>bookServlet</servlet-name>
       <servlet-class>com.GeneralPaging.web.BookServlet</servlet-class>
       </servlet>
       <servlet-mapping>
       <servlet-name>bookServlet</servlet-name>
       <url-pattern>/bookServlet.action</url-pattern>
       </servlet-mapping>
    </web-app>

    乱码处理,在EncodingFiter工具类中添加一个@WebFilter(urlPatterns=("/*"))则不需要配置xml

     1 package com.GeneralPaging.util;
     2 
     3 import java.io.IOException;
     4 import java.util.Iterator;
     5 import java.util.Map;
     6 import java.util.Set;
     7 
     8 import javax.servlet.Filter;
     9 import javax.servlet.FilterChain;
    10 import javax.servlet.FilterConfig;
    11 import javax.servlet.ServletException;
    12 import javax.servlet.ServletRequest;
    13 import javax.servlet.ServletResponse;
    14 import javax.servlet.annotation.WebFilter;
    15 import javax.servlet.http.HttpServletRequest;
    16 import javax.servlet.http.HttpServletResponse;
    17 
    18 /**
    19  * 中文乱码处理
    20  * 
    21  */
    22 @WebFilter(urlPatterns=("/*"))
    23 public class EncodingFiter implements Filter {
    24 
    25     private String encoding = "UTF-8";// 默认字符集
    26 
    27     public EncodingFiter() {
    28         super();
    29     }
    30 
    31     public void destroy() {
    32     }
    33 
    34     public void doFilter(ServletRequest request, ServletResponse response,
    35             FilterChain chain) throws IOException, ServletException {
    36         HttpServletRequest req = (HttpServletRequest) request;
    37         HttpServletResponse res = (HttpServletResponse) response;
    38 
    39         // 中文处理必须放到 chain.doFilter(request, response)方法前面
    40         res.setContentType("text/html;charset=" + this.encoding);
    41         if (req.getMethod().equalsIgnoreCase("post")) {
    42             req.setCharacterEncoding(this.encoding);
    43         } else {
    44             Map map = req.getParameterMap();// 保存所有参数名=参数值(数组)的Map集合
    45             Set set = map.keySet();// 取出所有参数名
    46             Iterator it = set.iterator();
    47             while (it.hasNext()) {
    48                 String name = (String) it.next();
    49                 String[] values = (String[]) map.get(name);// 取出参数值[注:参数值为一个数组]
    50                 for (int i = 0; i < values.length; i++) {
    51                     values[i] = new String(values[i].getBytes("ISO-8859-1"),
    52                             this.encoding);
    53                 }
    54             }
    55         }
    56 
    57         chain.doFilter(request, response);
    58     }
    59 
    60     public void init(FilterConfig filterConfig) throws ServletException {
    61         String s = filterConfig.getInitParameter("encoding");// 读取web.xml文件中配置的字符集
    62         if (null != s && !s.trim().equals("")) {
    63             this.encoding = s.trim();
    64         }
    65     }
    66 
    67 }

    改造PageBean

    • 保存上一次请求携带的参数
    • 控制是否分页
    • 控制一页显示多少条数据
    • 重载
    • 最大页码数
    • 获取下一页码数
    • 获取上一页码数
      1 package com.GeneralPaging.util;
      2 
      3 import java.util.HashMap;
      4 import java.util.Map;
      5 
      6 import javax.servlet.http.HttpServletRequest;
      7 
      8 /**
      9  * 分页工具类
     10  *
     11  */
     12 public class PageBean {
     13 
     14     private int page = 1;// 页码
     15 
     16     private int rows = 10;// 页大小
     17 
     18     private int total = 0;// 总记录数
     19 
     20     private boolean pagination = true;// 是否分页
     21     
     22     private Map<String, String[]> paMap=new HashMap<>();
     23 
     24     private String url;
     25     
     26     public void setRequest(HttpServletRequest req) {
     27         //保存上一次请求携带的参数
     28         this.setPaMap(req.getParameterMap());
     29         this.setUrl(req.getRequestURL().toString());
     30         
     31         //控制是否分页
     32         this.setPagination(req.getParameter("pagination"));
     33 //        控制一页显示多少条数据
     34         this.setRows(req.getParameter("rows"));
     35         this.setPage(req.getParameter("page"));
     36     }
     37     
     38     //重载
     39     private void setPage(String page) {
     40         // TODO Auto-generated method stub
     41         this.page=StringUtils.isNotBlank(page) ? Integer.valueOf(page) : this.page;
     42     }
     43 
     44     private void setPagination(String pagination) {
     45         // TODO Auto-generated method stub
     46         this.pagination=StringUtils.isNotBlank(pagination) ? !"false".equals(pagination) : this.pagination;
     47     }
     48     private void setRows(String rows) {
     49         // TODO Auto-generated method stub
     50         this.rows=StringUtils.isNotBlank(rows) ? Integer.valueOf(rows) : this.rows;
     51     }
     52 
     53 
     54     public Map<String, String[]> getPaMap() {
     55         return paMap;
     56     }
     57 
     58     public void setPaMap(Map<String, String[]> paMap) {
     59         this.paMap = paMap;
     60     }
     61 
     62     public String getUrl() {
     63         return url;
     64     }
     65 
     66     public void setUrl(String url) {
     67         this.url = url;
     68     }
     69 
     70     public PageBean() {
     71         super();
     72     }
     73 
     74     public int getPage() {
     75         return page;
     76     }
     77 
     78     public void setPage(int page) {
     79         this.page = page;
     80     }
     81 
     82     public int getRows() {
     83         return rows;
     84     }
     85 
     86     public void setRows(int rows) {
     87         this.rows = rows;
     88     }
     89 
     90     public int getTotal() {
     91         return total;
     92     }
     93 
     94     public void setTotal(int total) {
     95         this.total = total;
     96     }
     97 
     98     public void setTotal(String total) {
     99         this.total = Integer.parseInt(total);
    100     }
    101 
    102     public boolean isPagination() {
    103         return pagination;
    104     }
    105 
    106     public void setPagination(boolean pagination) {
    107         this.pagination = pagination;
    108     }
    109 
    110     /**
    111      * 获得起始记录的下标
    112      * 
    113      * @return
    114      */
    115     public int getStartIndex() {
    116         return (this.page - 1) * this.rows;
    117     }
    118 
    119     @Override
    120     public String toString() {
    121         return "PageBean [page=" + page + ", rows=" + rows + ", total=" + total + ", pagination=" + pagination + "]";
    122     }
    123 
    124     //最大页码数
    125     public int getMaxPage() {
    126         return this.total % this.rows ==0 ? this.total/this.rows : this.total/this.rows+1;
    127     }
    128 
    129     /**
    130      * 获取下一页码数
    131      * @return
    132      */
    133     public int getNextPage() {
    134         return this.page< this.getMaxPage() ? this.page+1 : this.page;
    135                 
    136     }
    137     
    138     /**
    139      * 获取上一页码数
    140      * @return
    141      */
    142     public int getPreviousPage() {
    143         return this.page > 1 ? this.page-1 : this.page;
    144     }
    145     
    146 }

    2.通用分页标签编写

    具体思路:
    1、补全servlet
    2、页面展示
    3、分页重要参数(page、rows、是否分页、上一次请求、上一次的表单参数)

    4、自定义分页标签

    先写一个自定义分页标签

    PageTag(助手类)

    • 拼接下一次发送请求所要提交的form表单
    1. 上一次请求可能携带页码name=page的参数,但是该参数在前面已经单独赋值
    2.  为什么单独赋值?因为上一次请求时第一页的数据,下一次可能是第二页,意味着前后请求page对应的值是不一样的,需要单独赋值
    • 下一次请求提交到后台的表单html代码拼接
    • 拼接分页所需要调用的js代码

    代码:

     1 package com.JavaGeneralPaging.tag;
     2 
     3 import java.io.IOException;
     4 import java.util.Map;
     5 import java.util.Map.Entry;
     6 import java.util.Set;
     7 
     8 import javax.servlet.jsp.JspException;
     9 import javax.servlet.jsp.JspWriter;
    10 import javax.servlet.jsp.tagext.BodyTagSupport;
    11 
    12 import com.GeneralPaging.util.PageBean;
    13 
    14 public class PageTag extends BodyTagSupport {
    15 
    16     /**
    17      * 
    18      */
    19     private static final long serialVersionUID = 46803535500945741L;
    20 
    21     private PageBean pageBean;
    22 
    23 
    24     public PageBean getPageBean() {
    25         return pageBean;
    26     }
    27 
    28     public void setPageBean(PageBean pageBean) {
    29         this.pageBean = pageBean;
    30     }
    31     
    32     @Override
    33     public int doStartTag() throws JspException {
    34         // TODO Auto-generated method stub        
    35         JspWriter out = pageContext.getOut();
    36         try {
    37             out.print(toHTML());
    38         } catch (IOException e) {
    39             // TODO Auto-generated catch block
    40             e.printStackTrace();
    41         }
    42         return super.doStartTag();
    43     }
    44     private String toHTML() {
    45         StringBuilder sb=new StringBuilder();
    46         //拼接下一次发送请求所要提交的form表单
    47         //下一次请求提交到后台的表单html代码拼接
    48                 sb.append("    <form id='pageBeanForm' action='"+pageBean.getUrl()+"' method='post'>");
    49                 Map<String, String[]> paramMap = pageBean.getPaMap();
    50                 if(paramMap  != null &&paramMap.size() >0) {
    51 //                    Set<Entry<String,String[]>> entrySet = paramMap.entrySet();
    52                     //上一次请求可能携带页码name=page的参数,但是该参数在前面已经单独赋值
    53                     // 为什么单独赋值?
    54                     //因为上一次请求时第一页的数据,下一次可能是第二页,意味着前后请求page对应的值是不一样的,需要单独赋值                        
    55                     for(Entry<String,String[]> entry :paramMap.entrySet()) {
    56                         if(!"page".equals(entry.getKey())) {
    57                             for(String val : entry.getValue()) {
    58                                 sb.append("    <input type='hidden' name='"+entry.getKey()+"' value='"+val+"'>");
    59                             }
    60                         }
    61                     }
    62                 }
    63                 sb.append("    <input type='hidden' name='page'>");
    64                 sb.append("    </form>");
    65             
    66                 //分页条html代码拼接
    67                 sb.append("    <div style='text-align: right; font-size: 12px;'>");
    68                 sb.append("    每页"+pageBean.getRows()+"条,共"+pageBean.getTotal()+"条,第"+pageBean.getPage()+"页,共"+pageBean.getMaxPage()+"页&nbsp;&nbsp;<a ");
    69                 sb.append("    href='javascript:gotoPage(1)'>首页</a>&nbsp;&nbsp;<a");
    70                 
    71                 sb.append("    href='javascript:gotoPage("+pageBean.getPreviousPage()+")'>上一页</a>&nbsp;&nbsp;<a");
    72                 sb.append("    href='javascript:gotoPage("+pageBean.getNextPage()+")'>下一页</a>&nbsp;&nbsp;<a");
    73                 sb.append("    href='javascript:gotoPage("+pageBean.getMaxPage()+")'>尾页</a>&nbsp;&nbsp;<input type='text'");
    74                 sb.append("    id='skipPage'");
    75                 sb.append("    style='text-align: center; font-size: 12px;  50px;'>&nbsp;&nbsp;<a");
    76                 sb.append("    href='javascript:skipPage()'>Go</a>");
    77                 sb.append("    </div>");
    78                 
    79                 
    80                 //拼接分页所需要调用的js代码
    81                 sb.append("<script type='text/javascript'>");
    82                 sb.append("    function gotoPage(page) {");
    83                 sb.append("        document.getElementById('pageBeanForm').page.value = page;");
    84                 sb.append("        document.getElementById('pageBeanForm').submit();");
    85                 sb.append("    }");
    86                 sb.append("    function skipPage() {");
    87                 sb.append("        var page = document.getElementById('skipPage').value;");
    88                 sb.append("        if(!page || isNaN(page) || parseInt(page)<1 || parseInt(page)>"+pageBean.getMaxPage()+"){");
    89                 sb.append("            alert('请输入1~N的数字');");
    90                 sb.append("            return;");
    91                 sb.append("        }");
    92                 sb.append("        gotoPage(page);");
    93                 sb.append("    }");
    94                 sb.append("</script>");
    95                 
    96                 return sb.toString();
    97 
    98     }
    99 }

    x.tld文件

    <?xml version="1.0" encoding="UTF-8"?>
    <taglib xmlns="http://java.sun.com/JSP/TagLibraryDescriptor">
    
    
    <tlib-version>1.0</tlib-version>
    <jsp-version>1.2</jsp-version>
      <short-name>Simple Tags</short-name>
      <uri>/XuFanQi</uri>
    
    
    <tag>
    <name>Page</name>
    <tag-class>com.JavaGeneralPaging.tag.PageTag</tag-class>
    <body-content>JSP</body-content>
    <attribute>
    <name>pageBean</name>
    <required>true</required>
    <rtexprvalue>true</rtexprvalue>
    </attribute>
    
    </tag>
    
    </taglib>

    jsp页面调用展示

    导入标签

    设置hidden隐藏域,放置page分页页码

     1 <%@ page language="java" contentType="text/html; charset=UTF-8"
     2     pageEncoding="UTF-8"%>
     3     <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
     4     <%@ taglib uri="/XuFanQi" prefix="x" %>
     5 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
     6 <html>
     7 <head>
     8 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     9 <title>Insert title here</title>
    10 </head>
    11 <body>
    12 <h2>小说目录</h2>
    13     <br>
    14 
    15     <form action="${pageContext.request.contextPath}/bookServlet.action"
    16         method="post">
    17         书名:<input type="text" name="bname"> <input type="submit"
    18             value="确定">
    19             <input type="hidden" name="bname">
    20     </form>
    21     <table border="1" width="100%">
    22         <tr>
    23             <td>编号</td>
    24             <td>名称</td>
    25             <td>价格</td>
    26         </tr>
    27         <c:forEach items="${bookList }" var="b">
    28             <tr>
    29                 <td>${b.bid }</td>
    30                 <td>${b.bname }</td>
    31                 <td>${b.price }</td>
    32             </tr>
    33         </c:forEach>
    34     </table>
    35 
    36     <x:Page pageBean="${pageBean }"></x:Page>
    37 
    38 </body>
    39 </html>

    测试结果:


    搜索框:斗破

    尾页

    上一页

    下一页

    跳转页

  • 相关阅读:
    编译java蛋疼的一小时
    最简单的Java Applet程序
    枚举任意进程内核对象句柄的方法
    RvmTranslator7.3.2
    PipeCAD
    Open CASCADE Technology 7.5.0 released
    IsoAlgo 环路处理
    OpenCASCADE STEP Color
    RvmTranslator 3D PDF in Ubuntu
    IsoAlgo Symbols
  • 原文地址:https://www.cnblogs.com/xcn123/p/11065214.html
Copyright © 2011-2022 走看看