通用分页(前后端)

本节知识总结:


目录

本节知识总结:

前言

一、浏览需要用到的jar包

二、通用后台分页查询

(一)、首先介绍所需要的助手类

 (二)简单查询方法

三、通用前台分页

①、目标:

②、分析sql语句:

(一)前端分页

 运行结果:


一、浏览需要用到的jar包

导入需要的包https://mvnrepository.com/  去里面搜索jra包吧学会自己下载哦🐷

 

二、通用后台分页查询

(一)、首先介绍所需要的助手类

1.DBAccess 数据库帮助包

代码如下(示例):

package com.xhy.util;

import java.io.InputStream;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.Properties;

/**
 * 提供了一组获得或关闭数据库对象的方法
 * 
 */
public class DBAccess {
    private static String driver;
    private static String url;
    private static String user;
    private static String password;

    static {// 静态块执行一次,加载 驱动一次
        try {
            InputStream is = DBAccess.class
                    .getResourceAsStream("/config.properties");

            Properties properties = new Properties();
            properties.load(is);

            driver = properties.getProperty("driver");
            url = properties.getProperty("url");
            user = properties.getProperty("user");
            password = properties.getProperty("pwd");

            Class.forName(driver);
        } catch (Exception e) {
            e.printStackTrace();
            throw new RuntimeException(e);
        }
    }

    /**
     * 获得数据连接对象
     * 
     * @return
     */
    public static Connection getConnection() {
        try {
            Connection conn = DriverManager.getConnection(url, user, password);
            return conn;
        } catch (SQLException e) {
            e.printStackTrace();
            throw new RuntimeException(e);
        }
    }

    public static void close(ResultSet rs) {
        if (null != rs) {
            try {
                rs.close();
            } catch (SQLException e) {
                e.printStackTrace();
                throw new RuntimeException(e);
            }
        }
    }

    public static void close(Statement stmt) {
        if (null != stmt) {
            try {
                stmt.close();
            } catch (SQLException e) {
                e.printStackTrace();
                throw new RuntimeException(e);
            }
        }
    }

    public static void close(Connection conn) {
        if (null != conn) {
            try {
                conn.close();
            } catch (SQLException e) {
                e.printStackTrace();
                throw new RuntimeException(e);
            }
        }
    }

    public static void close(Connection conn, Statement stmt, ResultSet rs) {
        close(rs);
        close(stmt);
        close(conn);
    }

    public static boolean isOracle() {
        return "oracle.jdbc.driver.OracleDriver".equals(driver);
    }

    public static boolean isSQLServer() {
        return "com.microsoft.sqlserver.jdbc.SQLServerDriver".equals(driver);
    }
    
    public static boolean isMysql() {
        return "com.mysql.cj.jdbc.Driver".equals(driver);
    }

    public static void main(String[] args) {
        Connection conn = DBAccess.getConnection();
        System.out.println(conn);
        DBAccess.close(conn);
        System.out.println("isOracle:" + isOracle());
        System.out.println("isSQLServer:" + isSQLServer());
        System.out.println("isMysql:" + isMysql());
        System.out.println("数据库连接(关闭)成功");//检测数据库是否连接成功
    }
}
 

2.Encoding 字符过滤器

代码如下(示例):

package com.xhy.util;

import java.io.IOException;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * 中文乱码处理
 * 
 */
@WebFilter("*.do")
public class EncodingFiter implements Filter {

    private String encoding = "UTF-8";// 默认字符集

    public EncodingFiter() {
        super();
    }

    public void destroy() {
    }

    public void doFilter(ServletRequest request, ServletResponse response,
            FilterChain chain) throws IOException, ServletException {
        HttpServletRequest req = (HttpServletRequest) request;
        HttpServletResponse res = (HttpServletResponse) response;

        // 中文处理必须放到 chain.doFilter(request, response)方法前面
        res.setContentType("text/html;charset=" + this.encoding);
        if (req.getMethod().equalsIgnoreCase("post")) {
            req.setCharacterEncoding(this.encoding);
        } else {
            Map map = req.getParameterMap();// 保存所有参数名=参数值(数组)的Map集合
            Set set = map.keySet();// 取出所有参数名
            Iterator it = set.iterator();
            while (it.hasNext()) {
                String name = (String) it.next();
                String[] values = (String[]) map.get(name);// 取出参数值[注:参数值为一个数组]
                for (int i = 0; i < values.length; i++) {
                    values[i] = new String(values[i].getBytes("ISO-8859-1"),
                            this.encoding);
                }
            }
        }

        chain.doFilter(request, response);
    }

    public void init(FilterConfig filterConfig) throws ServletException {
        String s = filterConfig.getInitParameter("encoding");// 读取web.xml文件中配置的字符集
        if (null != s && !s.trim().equals("")) {
            this.encoding = s.trim();
        }
    }

}
 

3.StringUtils 字符串的非空判断

代码如下(示例):

package com.xhy.util;

public class StringUtils {
    // 私有的构造方法,保护此类不能在外部实例化
    private StringUtils() {
    }

    /**
     * 如果字符串等于null或去空格后等于"",则返回true,否则返回false
     * 
     * @param s
     * @return
     */
    public static boolean isBlank(String s) {
        boolean b = false;
        if (null == s || s.trim().equals("")) {
            b = true;
        }
        return b;
    }
    
    /**
     * 如果字符串不等于null或去空格后不等于"",则返回true,否则返回false
     * 
     * @param s
     * @return
     */
    public static boolean isNotBlank(String s) {
        return !isBlank(s);
    }

}
 

 4.对应的 properties配置文件

在这个配置文件可以有oracle,sql数据库配置

代码如下(示例):

#oracle9i
#driver=oracle.jdbc.driver.OracleDriver
#url=jdbc:oracle:thin:@localhost:1521:ora9
#user=test
#pwd=test


#sql2005
#driver=com.microsoft.sqlserver.jdbc.SQLServerDriver
#url=jdbc:sqlserver://localhost:1423;DatabaseName=test
#user=sa
#pwd=sa


#sql2000
#driver=com.microsoft.jdbc.sqlserver.SQLServerDriver
#url=jdbc:microsoft:sqlserver://localhost:1433;databaseName=unit6DB
#user=sa
#pwd=888888

#mysql8
driver=com.mysql.cj.jdbc.Driver
url=jdbc:mysql://127.0.0.1:3306/xhy?useUnicode=true&characterEncoding=utf8&serverTimezone=GMT&useSSL=true
user=xiehuiyi
pwd=123456

*对比以前的mysql5 有所不同driver=com.mysql.jdbc.jdbc.Driver

 5.以及PageBean 分页工具类

代码如下(示例):

package com.xhy.util;

/**
 * 分页工具类
 *
 */
public class PageBean {

    private int page = 1;// 页码

    private int rows = 10;// 页大小

    private int total = 0;// 总记录数

    private boolean pagination = true;// 是否分页

    public PageBean() {
        super();
    }

    public int getPage() {
        return page;
    }

    public void setPage(int page) {
        this.page = page;
    }

    public int getRows() {
        return rows;
    }

    public void setRows(int rows) {
        this.rows = rows;
    }

    public int getTotal() {
        return total;
    }

    public void setTotal(int total) {
        this.total = total;
    }

    public void setTotal(String total) {
        this.total = Integer.parseInt(total);
    }

    public boolean isPagination() {
        return pagination;
    }

    public void setPagination(boolean pagination) {
        this.pagination = pagination;
    }

    /**
     * 获得起始记录的下标
     * 
     * @return
     */
    public int getStartIndex() {
        return (this.page - 1) * this.rows;
    }

    @Override
    public String toString() {
        return "PageBean [page=" + page + ", rows=" + rows + ", total=" + total + ", pagination=" + pagination + "]";
    }

}
 

 (二)简单查询方法

①首先检查数据库是否连接成功,才进行下一步

在数据库帮助类运行出现如下表示成功:

 用一个t_mvc_book表举例:

 ②思路:

 1、建立数据库连接

 2、预定义对象PrepareStatement

 3、查询结果集

 4、处理结果集

 ③分析:

以上3步(建立数据库连接、PrepareStatement、查询结果集)都是需要重复的,代码重复的
 都是要返回数据库对应的集合,都是要处理结果集ResultSet rs,代码不一样:具体体现在,不同表会有不同字段,那么是体内对应的属性就会不一样;

代码如下:

package com.xhy.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;

import com.xhy.entity.Book;
import com.xhy.util.DBAccess;
import com.xhy.util.StringUtils;

public class BookDao {
/**
 * 简单的查询方法
 * 思路:
 * 1.建立数据库连接
 * 2.预编译对象
 * 3.查询结果集
 * 4.处理结果集
 * 
 */
    //普通方法
    public List<Book> list(Book book) throws Exception{
        List<Book> books=new ArrayList<Book>();
        String sql="select * from t_mvc_book where 1=1 ";
        //书籍名称
        String bname = book.getBname();
        //书籍名称模糊查询  圣墟最终是通过jsp页面传递过来的
        if(StringUtils.isNotBlank(bname)) {
            sql+=" and bname like '%"+bname+"%'";
        }
        Connection con=DBAccess.getConnection();
        PreparedStatement ps = con.prepareStatement(sql);
        ResultSet rs = ps.executeQuery();
        while(rs.next()) {
            books.add(new Book(rs.getInt("bid"),rs.getString("bname"), rs.getFloat("price"))); 
        }
        return books;
    }

}

* 总结:需要写大量重复代码,系统中的查询功能越来越多,重复代码量变大 

④解决方案:

1.抽取变化部分作为参数:sql、Class(Book.class,article.class)

 2、抽取公共的父类(建立BaseDao),把重复的代码剥离出来

代码如下:

BaseDao——通用查询分页父类

package com.xhy.dao;

import java.lang.reflect.Field;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;

import com.xhy.util.DBAccess;

/**
 * 所有dao层的父类
 * @author zjjt

 * @param <T>
 */
public class BaseDao<T> {
   
    public List<T> list(String sql,Class<T> clz) throws Exception{
        List<T> list=new ArrayList<T>();
        //不确定list集合装了什么东西
        
        Connection con=DBAccess.getConnection();
        PreparedStatement ps = con.prepareStatement(sql);
        ResultSet rs = ps.executeQuery();
        while(rs.next()) {
            //1实例化了一个对象 2从ResultSet的对象的属性(bid)获取值赋值给了前面赋值的实例化对象
            //books.add(new Book(rs.getInt("bid"),rs.getString("bname"), rs.getFloat("price"))); 
        T t=clz.newInstance();
        Field[] fields = clz.getDeclaredFields();
        for (Field f : fields) {
            //打开权限
            f.setAccessible(true);
            f.set(t,rs.getObject(f.getName()));
        
        }
        //3把已经赋值了的对象添加到list集合中
        list.add(t);
        }
        return list;
    }
 

}
 

 继承父类方法代码如下:

public class BookDao extends BaseDao<Book>{
    public List<Book> list1(Book book) throws Exception{
        String sql="select * from t_mvc_book where 1=1";
        String bname = book.getBname();
        //书籍名称模糊查询  圣墟最终是通过jsp页面传递过来的
        if(StringUtils.isNotBlank(bname)) {
            sql+=" and bname like '%"+bname+"%'";
        }
        return super.list(sql, Book.class);
    }

}
 

相对普通查询代码少了许多 

 测试类:

 public static void main(String[] args) throws Exception {
        bookDao bo=new bookDao();
        Book book=new Book();
        book.setBname("圣墟");
    List<Book> list=bo.list(book);
    for (Book book2 : list) {
        System.out.println(book2);
    }

运行结果: 


三、通用前台分页

思考:在项目中大量的出现分页的需求

①、目标:

想要做一个通用的分页查询,子类去继承父类,自带分页功能,并且代码量极少

最终当碰到分页的需求的时候,只要写少量代码,利用<z:page><z:page>标签,无需写任何js,html代码就可以完成分页

②、分析sql语句:

分页通常有关键因素:第page页、显示数目(rows)、符合查询条件的总记录数(total)

sql=select * from t_mvc_book where bname like '%圣墟%'

 pageSql=sql limit (pa'ge-1)*rows,rows 

countSql=select count(1) from (sql) t

(一)前端分页

1.PageBean—分页工具类:

package com.xhy.util;

import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

/**
 * 分页工具类
 *
 */
public class PageBean {

    private int page = 1;// 页码
     
    private int rows = 10;// 页大小
 
    private int total = 0;// 总记录数
 
    private boolean pagination = true;// 是否分页
    
    private String url;//保存上一次请求的url
    
    private Map<String, String[]> paraMap=new HashMap<>();//保存上一次请求的参数
/**
 * 初始化pagebean的,保存上一次的重要的参数
 * @param req
 */
    public void setRequest(HttpServletRequest req) {
        //①.需要保存上一次请求的URL
        this.setUrl(req.getRequestURI().toString());
        // ②.需要保存上一次请求的参数 如bname price
        this.setParaMap(req.getParameterMap());
         //   ③.需要保存上一次请求的分页设置 pagination
        this.setPagination(req.getParameter("pagination"));
          //  ④.需要保存上一次请求的展示条目数
        this.setRows(req.getParameter("rows"));
          //  ⑤.初始化请求的页码page
        this.setPage(req.getParameter("page"));
    }
    
    private void setPage(String page) {
    // TODO Auto-generated method stub
    if(StringUtils.isNotBlank(page)) {
        this.setPage(Integer.valueOf(page));
    }
}
 
    private void setRows(String rows) {
    // TODO Auto-generated method stub
        if(StringUtils.isNotBlank(rows)) {
            this.setRows(Integer.valueOf(rows));
        }
    
}
 
    public void setPagination(String pagination) {
    //只有在前台jsp填写pagination=false,才代表不分页
    if(StringUtils.isNotBlank(pagination)) {
        this.setPagination(!"false".equals(pagination));
    }
}
 
    public String getUrl() {
    return url;
}
 
public void setUrl(String url) {
    this.url = url;
}
 
public Map<String, String[]> getParaMap() {
    return paraMap;
}
 
public void setParaMap(Map<String, String[]> paraMap) {
    this.paraMap = paraMap;
}
 
    public PageBean() {
        super();
    }
 
    public int getPage() {
        return page;
    }
 
    public void setPage(int page) {
        this.page = page;
    }
 
    public int getRows() {
        return rows;
    }
 
    public void setRows(int rows) {
        this.rows = rows;
    }
 
    public int getTotal() {
        return total;
    }
 
    public void setTotal(int total) {
        this.total = total;
    }
 
    public void setTotal(String total) {
        this.total = Integer.parseInt(total);
    }
 
    public boolean isPagination() {
        return pagination;
    }
 
    public void setPagination(boolean pagination) {
        this.pagination = pagination;
    }
 
    /**
     * 获得起始记录的下标
     * 
     * @return
     */
    public int getStartIndex() {
        return (this.page - 1) * this.rows;
    }
 
    /**
     * 获得最大页
     */
    public int maxPage() {
        return this.total % this.rows == 0 ? this.total / this.rows : this.total / this.rows + 1;
    }
    /**
     * 获得下一页
     * @return
     */
    public int nextPage() {
        //如果当前页小于最大页,那么下一页+1,如果不小于,说明当前页数是最大页,那么无需+1
        return this.page < this.maxPage() ? this.page + 1 : this.page;
    }
    /**
     * 获得上一页
     * @return
     */
    public int previousPage() {
        return this.page > 1 ? this.page - 1 : this.page;
    }
    @Override
    public String toString() {
        return "PageBean [page=" + page + ", rows=" + rows + ", total=" + total + ", pagination=" + pagination + "]";
    }
 


}
 

2.自定义page标签:

定义pagebean 因为pagebean中包含了分页的所有属性(page,rows, pagination,total,nextpage,previousPage,maxpage)
 

package com.xhy.tag;

import java.io.IOException;
import java.util.Map;
import java.util.Map.Entry;
import java.util.Set;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyTagSupport;

import com.xhy.util.PageBean;

public class PageTag extends BodyTagSupport{
private PageBean  pageBean;//所有分页相关的元素
    
    public PageBean getPageBean() {
        return pageBean;
    }
 
    public void setPageBean(PageBean pageBean) {
        this.pageBean = pageBean;
    }
 
    @Override
    public int doStartTag() throws JspException {
        // 没有标签体,要输出内容
        JspWriter out = pageContext.getOut();
        try {
            out.print(toHTML());
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return super.doStartTag();
    }
 
    private String toHTML() {
        StringBuffer s=new StringBuffer();
        // 1.隐藏的form表单 这个就是上一次请求下一次重新发的意义所在
        //上一次请求的url
        s.append("<form action='"+pageBean.getUrl()+"' id='pageBeanForm' method='post'>");
        s.append(" <input type='hidden' name='page'>");
        //上一次请求的参数
        Map<String, String[]> paraMap = pageBean.getParaMap();
        if(paraMap !=null&&paraMap.size()>0) {
            Set<Entry<String, String[]>> entrySet = paraMap.entrySet();
            for (Entry<String, String[]> entry : entrySet) {
                //参数名
                String key = entry.getKey();
                //参数值
                
                for (String value : entry.getValue()) {
                    //上一次请求的参数,再一次组装成新的form表单
                    //注意:page参数每次都会提交,我们需要避免
                    if(!"page".equals(key)) {
                    s.append(" <input type='hidden' name='"+key+"' value='"+value+"'>");
                    }
                    }
            }
        }
        s.append("</form>");
         
        //2.分页条
        s.append("<ul class='pagination justify-content-center'>");
        s.append(" <li class='page-item "+(pageBean.getPage() ==1 ? "disabled" : "")+"' ><a class='page-link'");
        s.append(" href='javascript:gotoPage(1)'>首页</a></li>");
        s.append(" <li class='page-item "+(pageBean.getPage() ==1 ? "disabled" : "")+"'><a class='page-link'");
        s.append(" href='javascript:gotoPage("+pageBean.previousPage()+")'>&lt;</a></li>");//上一页
        //s.append(" <li class='page-item'><a class='page-link' href='#'>1</a></li>");
        //s.append(" <li class='page-item'><a class='page-link' href='#'>2</a></li>");
        s.append(" <li class='page-item active'><a class='page-link' href='#'>"+pageBean.getPage()+"</a></li>");
        s.append(" <li class='page-item "+(pageBean.getPage()==pageBean.maxPage()?"disabled":"")+"'><a class='page-link' href='javascript:gotoPage("+pageBean.nextPage()+")'>&gt;</a></li>");
        s.append(" <li class='page-item "+(pageBean.getPage()==pageBean.maxPage()?"disabled":"")+"'><a class='page-link' href='javascript:gotoPage("+pageBean.maxPage()+")'>尾页</a></li>");
        s.append(" <li class='page-item go-input'><b>到第</b><input class='page-link'");
        s.append(" type='text' id='skipPage' name='' /><b>页</b></li>");
        s.append(" <li class='page-item go'><a class='page-link'");
        s.append(" href='javascript:skipPage()'>确定</a></li>");
        s.append(" <li class='page-item'><b>共"+pageBean.getTotal()+"条</b></li>");
        s.append("</ul>");
        
        //3.分页执行的jsp代码
        s.append("<script type='text/javascript'>");
        s.append(" function gotoPage(page) {");
        s.append("     document.getElementById('pageBeanForm').page.value = page;");
        s.append("     document.getElementById('pageBeanForm').submit();");
        s.append(" }");
        s.append(" function skipPage() {");
        s.append("     var page = document.getElementById('skipPage').value;");
        s.append("     if (!page || isNaN(page) || parseInt(page) < 1  || parseIpage) > "+pageBean.maxPage()+") {");
    
        s.append("        alert('请输入1~"+pageBean.maxPage()+"的数字');");
        s.append("        return;");
        s.append("     }");
        s.append("     gotoPage(page);");
        s.append(" }");
        s.append("</script>");
        return s.toString();
    }

 3.自定义tld文件:

<?xml version="1.0" encoding="UTF-8" ?>
 
<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
    version="2.0">
    
  <description>xhy1 1.1 core library</description>
  <display-name>xhy1 core</display-name>
  <tlib-version>1.1</tlib-version>
  <short-name>z</short-name>
  <uri>http://xhy.myjsp</uri>
 
  <validator>
    <description>
        Provides core validation features for JSTL tags.
    </description>
    <validator-class>
        org.apache.taglibs.standard.tlv.JstlCoreTLV
    </validator-class>
  </validator>
  
  <tag>
    <name>page</name>
    <tag-class>com.xhy.tag.PageTag</tag-class>
    <body-content>JSP</body-content>
    <attribute>
        <!-- 自定义标签的成员变量名称 -->
        <name>pageBean</name>
        <!-- 该成员变量是否必传 -->
        <required>true</required>
        <!-- 是否支持表达式 -->
        <rtexprvalue>true</rtexprvalue>
    </attribute>
  </tag>
 
</taglib>

 4.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">
<link
    href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css"
    rel="stylesheet">
<script
    src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.js"></script>
<title>书籍列表</title>
<style type="text/css">
.page-item input {
    padding: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    margin: 0 6px;
}

.page-item input, .page-item b {
    line-height: 38px;
    float: left;
    font-weight: 400;
}

.page-item.go-input {
    margin: 0 10px;
}
</style>
</head>
<body>
    <form class="form-inline"
        action="${pageContext.request.contextPath }/book.action" method="post">
        <div class="form-group mb-2">
            <input type="text" class="form-control-plaintext" name="bname"
                placeholder="请输入书籍名称">
        </div>
        <button type="submit" class="btn btn-primary mb-2">查询</button>
    </form>

    <table class="table table-striped bg-success">
        <thead>
            <tr>
                <th scope="col">书籍ID</th>
                <th scope="col">书籍名</th>
                <th scope="col">价格</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>圣墟第1章</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>圣墟第1章</td>
                <td>1</td>
            </tr>

        </tbody>
    </table>
    
    <form action="" id="pageBeanForm" method="post">
        <input type="hidden" name="page">
    </form>
    <ul class="pagination justify-content-center">
        <li class="page-item"><a class="page-link"
            href='javascript:gotoPage(1)'>首页</a></li>
        <li class="page-item"><a class="page-link"
            href='javascript:gotoPage(1)'>&lt;</a></li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item"><a class="page-link" href="#">2</a></li>
        <li class="page-item active"><a class="page-link" href="#">3</a></li>
        <li class="page-item disabled"><a class="page-link" href="#">&gt;</a></li>
        <li class="page-item disabled"><a class="page-link" href="#">尾页</a></li>
        <li class="page-item go-input"><b>到第</b><input class="page-link"
            type="text" id="skipPage" name="" /><b>页</b></li>
        <li class="page-item go"><a class="page-link"
            href="javascript:skipPage()">确定</a></li>
        <li class="page-item"><b>共666条</b></li>
    </ul>

    <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) > 1122) {
                alert('请输入1~N的数字');
                return;
            }
            gotoPage(page);
        }
    </script>

</body>
</html>

 5.servelt:

package com.web;

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

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

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

/**
 * Servlet implementation class BookServlet
 */
@WebServlet("indx.do")
public class BookServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public BookServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    doPost(request, response);
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        BookDao bd=new BookDao();
        Book b=new Book();
        b.setBname(req.getParameter("bname"));
        PageBean pageBean=new PageBean();
        pageBean.setRequest(req);
        try {
            List<Book> list = bd.list((b, pageBean));
            req.setAttribute("books", list);
            req.setAttribute("pageBean", pageBean);
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

    }

}
 

 运行结果:


  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值