通用查詢、分頁詳解

J2EE

一、思維導圖

二、後端

1、首先介紹一些助手類

DBHelper—資料庫幫助類

package com.util.zwf;

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 DBHelper {
	private static String driver;
	private static String url;
	private static String user;
	private static String password;

	static {// 靜态塊執行一次，加載 驅動一次
		try {
			InputStream is = DBHelper.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 getCon() {
		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 myClose(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 = DBHelper.getCon();
		System.out.println(conn);
		DBHelper.close(conn);
		System.out.println("isOracle：" + isOracle());
		System.out.println("isSQLServer：" + isSQLServer());
		System.out.println("isMysql：" + isMysql());
		System.out.println("資料庫連接配接(關閉)成功");
	}
}
           

這裡是對我們定義的XML檔案進行解析來決定資料源，相比于以前定義的DBHelper類适用範圍更廣。

對應的tld檔案

#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


#mysql5
driver=com.mysql.cj.jdbc.Driver
url=jdbc:mysql://127.0.0.1:3306/study?useUnicode=true&characterEncoding=utf8&serverTimezone=GMT&useSSL=true
user=root
pwd=root123
           

EncodingFiter—編碼過濾類

package com.util.zwf;

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();
		}
	}

}
           

2、BookBase——通用查詢分頁父類

package com.dao.zwf;

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.util.zwf.DBHelper;
import com.util.zwf.PageBean;

/**
 * 泛型類型的父類，子類繼承之後決定T是什麼對象。
 * 比如，書籍Dao繼承，那麼調用該類中查詢的方法就是書籍的查詢。訂單Dao繼承就是訂單查詢。
 * 并且各個Dao中的重複代碼都将提取到該類中。
 * 作用：
 * 	  1、将建立連接配接，獲得預編譯對象，執行這三個重複步驟提取到該類中。
 * 	  2、處理結果集的重複思路提取到該類中，利用反射實作
 *    3、在Dao中僅僅需要改變SQL語句來實作不同資料查詢，減少了大量重複操作
 *
 * @param <T> 泛型對象，由子類決定
 */
public class BookBase <T>{
	/**
	 * 帶有分頁的通用查詢
	 * @param sql   SQL語句
	 * @param clz   類執行個體
	 * @param p     PageBean對象
	 * @return      符合查詢條件的資料
	 * @throws Exception
	 */
	public List<T> getAll(String sql,Class<T> clz,PageBean p,String key) throws Exception{
		Connection con=DBHelper.getCon();
		PreparedStatement ps=null;
		ResultSet rs=null;
		List<T> li=new ArrayList<T>();//資料容器
		if(p.isPagination()) {//是否分頁
			/**
			 * 擷取資料總數
			 * 需要判斷key是否為"",對站位符進行設定，否則會報SQL語句錯誤
			 * 如果key不為""代表搜尋框的模糊查詢請求，
			 * sql: select * from t_mvc_book where bname like ?" 需要設定占位符
			 * 如果key為""代表非搜尋框的模糊查詢請求，
			 * sql: select * from t_mvc_book
			 */
			if(!"".equals(key)) {//首先要判斷是否是使用者在搜尋框進行的查詢需求。是
				String countSql = getCountSql(sql);//先變成查詢總數的SQL
				ps=con.prepareStatement(countSql);
				ps.setObject(1, "%"+key+"%");//設定占位符
				rs=ps.executeQuery();
				if(rs.next()) {
					p.setTotal(rs.getObject(1).toString());//将總數指派給PageBean p對象
				}
			}else {//不是來自搜尋框進行的查詢需求，即key為""
			String countSql = getCountSql(sql);
			ps=con.prepareStatement(countSql);
			rs=ps.executeQuery();
			if(rs.next()) {
				p.setTotal(rs.getObject(1).toString());
			}
			}
			//将原SQL變成具備分頁的SQL
			String pageSql= getPageSql(p,sql);
			ps=con.prepareStatement(pageSql);
			if(!"".equals(key)) {//來自搜尋框進行的查詢需求
				ps.setObject(1, "%"+key+"%");//設定占位符
			}
			rs=ps.executeQuery();
			/**
			 * 動态擷取資料
			 * rs.getObject(int n)擷取表中第n列資料 rs.getObject(String s) 擷取表中字段為s的資料
			 */
			while(rs.next()) {
				T t = clz.newInstance();//通過反射獲得T的類執行個體
				Field[] Fiels = clz.getDeclaredFields();//反射擷取屬性
				for (Field f : Fiels) {
					f.setAccessible(true);
					f.set(t, rs.getObject(f.getName()));//資料庫中讀取到的屬性指派給類執行個體t
				}
				li.add(t);
			}
			return li;
		}else {//不分頁：滿足下拉框取值需求
			ps=con.prepareStatement(sql);
			rs=ps.executeQuery();
			while(rs.next()) {
				T t = clz.newInstance();
				Field[] Fiels = clz.getDeclaredFields();
				for (Field f : Fiels) {
					f.setAccessible(true);
					f.set(t, rs.getObject(f.getName()));
				}
				li.add(t);
			}
			return li;
		}
	}
	
	/**
	 * 獲得分頁SQL語句
	 * @param p
	 * @param sql
	 * @return
	 */
	private String getPageSql(PageBean p,String sql) {
		return sql+" limit "+p.getStartIndex()+","+p.getRows()+"";
	}

	/**
	 * 獲得計算總數量的SQL語句
	 * @param sql
	 * @return
	 */
	public String getCountSql(String sql) {
		return "select count(1) from ("+sql+") t";
	}
	
}
           

3、BookDao—書籍Dao層類

package com.dao.zwf;

import java.util.List;

import com.entity.zwf.Book;
import com.util.zwf.PageBean;

public class BookDao extends BookBase<Book>{
	
	/**
	 * 通用模糊查詢，帶分頁
	 * @param clz 類執行個體
	 * @param p pageBean對象
	 * @param b 書籍對象 ：由前端發送請求接收參數建立該對象
	 * @return 符合查詢條件的資料
	 * @throws Exception
	 */
	public List<Book> getAll(Class<Book> clz, PageBean p ,Book b) throws Exception {
		//定義查詢語句
		String sql="select * from t_mvc_book";
		/**
		 * 可用于更具不同種類進行查詢，更具書籍名稱、作者...查詢
		 * 參數傳入book對象的原因：
		 * 獲得book對象屬bname,這裡主要用來接收使用者選擇下拉框根據什麼查詢來判斷SQL語句
		 * 比如：
		 * 1、使用者下拉框選擇了書籍名稱查詢，使用者發送查詢請求時，
		 * 在servlet中建立的book對象初始化的bname屬性是來自輸入框的值 
		 * 是以SQL語句： sql+=" where bname like ?"
		 * 2、使用者下拉框選擇了書籍作者查詢，使用者發送查詢請求時，
		 * 在servlet中建立的book對象初始化的bwrite屬性是來自輸入框的值 
		 * 是以SQL語句：sql+=" where bwrite like ?"
		 * 
		 * 總結：使用者下拉框選項決定book對象的屬性的值再定義出SQL語句。
		 * 注意：下拉框的選項必須是book類中具備的屬性，否則在父類中反射獲得屬性從資料庫中取值會報錯。		     * 表中找不到該列，Where bwrite like ? 表中沒有bwrite列..
		 */
		String key = "";
		String bname=b.getBname();
		if(!"".equals(bname)) {
			sql+=" where bname like ?";
			key=bname;
		}
		
//		我的表沒有不write字段，修改起來比較麻煩，這裡主要是做補充說明
//		String bwrite=b.getBwrite();
//		if(!"".equals(bwrite)) {
//			sql+=" where bwrite like ?";
//			key=bwrite;
//		}
		return super.getAll(sql, clz, p, key);
	}

	
	/**
	 * 測試背景分頁方法
	 * @param args
	 * @throws Exception
	 */
	public static void main(String[] args) throws Exception {
//		BookDao b=new BookDao();
//		String sql="select * from t_mvc_book";
//		PageBean p=new PageBean();
		p.setPagination(false);
//		List<Book> all = b.getAll(sql, Book.class, p, "");
//		int i=0;
//		for (Book bs : all) {
//			System.out.println(bs);
//		}
		String sql="select * from tb_vv";
		String replace = sql.replace("*", "count(1)");
		System.out.println(replace);
	}
	
}
           

在父類中對key進行非空判斷是為了判斷使用者是否在輸入框中輸入值進行查詢，如果點選下一頁之類的操作，key是上一次查詢請求的值，改變的隻是頁碼參數，由PageBean這個類對上一次請求參數進行儲存。

4、PageBean—分頁工具類

package com.util.zwf;

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

import javax.servlet.http.HttpServletRequest;

import org.omg.CORBA.INTERNAL;

/**
 * 分頁工具類
 *
 */
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[]> m=new HashMap<String, String[]>();//存放上一次請求攜帶的參數
	

	public String getURL() {
		return URL;
	}

	public void setURL(String uRL) {
		URL = uRL;
	}

	public Map<String, String[]> getM() {
		return m;
	}

	public void setM(Map<String, String[]> m) {
		this.m = m;
	}

	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 boolean isPagination() {
		return pagination;
	}
	
	public void setPagination(boolean pagination) {
		this.pagination = pagination;
	}
	
	public void setPage(String page) {
		if(page!=null)this.page = Integer.parseInt(page);
	}
	
	public void setRows(String rows) {
		if(rows!=null)
		this.rows = Integer.parseInt(rows);
	}

	public void setTotal(String total) {
		if(total!=null)
		this.total = Integer.parseInt(total);
	}
	
	public void setPagination(String pagination) {
		if(pagination != null)
		this.pagination = Boolean.getBoolean(pagination);
	}
	
	/**
	 * pageBean的初始化
	 * @param req
	 */
	public void init(HttpServletRequest req) {
		//初始化jsp界面傳遞過來的目前頁
		this.setPage(req.getParameter("page"));
		//初始化jsp界面傳遞過來的頁大小
		this.setRows(req.getParameter("rows"));
		//初始化jsp界面傳遞過來的是否分頁參數
		this.setPagination(req.getParameter("pagination"));
		//初始化上一次請求路徑
		this.setURL(req.getRequestURL().toString());
		//初始化上一次請求參數
		this.setM(req.getParameterMap());
	}

	/**
	 * 獲得起始記錄的下标
	 * 
	 * @return
	 */
	public int getStartIndex() {
		return (this.page - 1) * this.rows;
	}
	
	/**
	 * 傳回最大頁數
	 * @return
	 */
	public int getMaxPage() {
		return this.total % this.rows == 0 ? this.total / this.rows : this.total / this.rows+1;
	}
	
	/**
	 * 獲得上一頁頁碼    最小頁碼為1
	 * @return
	 */
	public int backPage() {
		return this.page - 1 == 0 ? 1 : this.page-1;
	}
	
	/**
	 * 獲得下一頁頁碼    最大頁碼為 this.page
	 * @return
	 */
	public int nextPage() {
		return this.page + 1 > this.getMaxPage() ? this.getMaxPage() : this.page+1;
	}

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

為什麼會有初始化PageBean方法，可以檢視後面查詢分頁執行流線圖進行了解！！！ 

二、前端

前言：有了前端通用分頁，在每一個頁面中如果需要分頁，僅僅需要在jsp界面中編寫我們自己定義好的分頁标簽。将重複代碼都提取到了标簽助手類中。

1、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>zwf1 1.1 core library</description>
  <display-name>zwf1 core</display-name>
  <tlib-version>1.1</tlib-version>
  <short-name>z</short-name>
  <uri>http://zwf1.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.tag.zwf.PageTag</tag-class>
    <body-content>JSP</body-content>
    <attribute>
    	<!-- 自定義标簽的成員變量名稱 -->
    	<name>pageBean</name>
    	<!-- 該成員變量是否必傳 -->
    	<required>true</required>
    	<!-- 是否支援表達式 -->
    	<rtexprvalue>true</rtexprvalue>
    </attribute>
  </tag>

</taglib>
           

2、PageTag—助手類

package com.tag.zwf;

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.util.zwf.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) {
			e.printStackTrace();
		}
		return super.doStartTag();
	}

	private String toHTML() {
		System.out.println(pageBean);
		StringBuffer sb = new StringBuffer();
		int page=pageBean.getPage();
		int maxPage=pageBean.getMaxPage();

		 /**
		  * 隐藏的form表單--儲存上一次請求的參數，唯一改變的參數，page。
		  * 這裡的作用是在上一次查詢條件的基礎上進行的頁數變化操作，
		  * 沒有這裡，每次跳轉到下一頁都是初始的資料，不符合使用者需求
		  * getM()=req.getParameterMap()，該方法能将請求的參數全部擷取,标簽名作為鍵，
		  * 标簽value作為值，複選框會有多個值，是以值是String[]
		  */
		sb.append("<form action='" + pageBean.getURL() + "' id='pageBeanForm' method='post'>");
		sb.append("<input type='hidden' name='page'>");
		Map<String, String[]> paramMap = pageBean.getM();
		if (paramMap != null && paramMap.size() > 0) {
			Set<Entry<String, String[]>> entrySet = paramMap.entrySet();
			for (Entry<String, String[]> entry : entrySet) {
				// 參數名
				String key = entry.getKey();
				if (!"page".equals(key)) {
					// 參數值
					for (String s : entry.getValue()) {
						sb.append("<input type='hidden' name='" + key + "' value='" + s + "'>");
					}
				}
			}
		}
		sb.append("</form>");

		// 分頁條
		sb.append("<ul class='pagination justify-content-center'>");
		sb.append("<li class='page-item'>");
		/**
		 * 跳轉到首頁
		 */
		sb.append("	<a class='page-link' href='javascript:gotoPage(1)'>首頁</a></li>");
		/**
		 * 上一頁
		 */
		sb.append("<li class='page-item'><a class='page-link' href='javascript:gotoPage(" + pageBean.backPage()
				+ ")'>&lt;</a></li>");
		/**
		 * 如果目前頁數>4，按照下面條件顯示前面頁碼
		 */
		if (page > 4) {
			for (int i = page - 4; i < page ; i++) {
				sb.append("<li class='page-item'><a class='page-link' href='javascript:gotoPage(" + i + ")'>" + i
						+ "</a></li>");
			}
		} else {// 否則如下
			for (int i = 1; i < page ; i++) {
				sb.append("<li class='page-item'><a class='page-link' href='javascript:gotoPage(" + i + ")'>" + i
						+ "</a></li>");
			}
		}
		/**
		 * 目前頁碼預設選中
		 */
		sb.append("<li class='page-item active'><a class='page-link' href='javascript:gotoPage(" + page
				+ ")'>" + page + "</a></li>");
		/**
		 * 目前頁碼往後面顯示4個
		 */
		if(page <= maxPage-4) {
			for (int i = page + 1; i <= page + 4; i++) {
				sb.append("<li class='page-item'><a class='page-link' href='javascript:gotoPage(" + i + ")'>" + i
						+ "</a></li>");
			}
		}else {
			for (int i = page + 1; i <= maxPage; i++) {
				sb.append("<li class='page-item'><a class='page-link' href='javascript:gotoPage(" + i + ")'>" + i
						+ "</a></li>");
			}
		}
		/**
		 * 下一頁
		 */
		sb.append("<li class='page-item'><a class='page-link' href='javascript:gotoPage(" + pageBean.nextPage()
				+ ")'>&gt;</a></li>");
		/**
		 * 跳轉到尾頁
		 */
		sb.append("<li class='page-item'><a class='page-link' href='javascript:gotoPage(" + pageBean.getMaxPage()
				+ ")'>尾頁</a></li>");
		sb.append("<li class='page-item go-input'><b>到第</b><input class='page-link'");
		sb.append(" type='text' id='skipPage' name='' /><b>頁</b></li>");
		sb.append(" <li class='page-item go'><a class='page-link'");
		sb.append(" href='javascript:skipPage()'>确定</a></li>");
		sb.append(" <li class='page-item'><b>共" + pageBean.getTotal() + "條</b></li>");
		sb.append("</ul>");

		// js
		sb.append("<script type='text/javascript'>");
		sb.append("function gotoPage(page) {");
		sb.append("   document.getElementById('pageBeanForm').page.value = page;");
		sb.append("   document.getElementById('pageBeanForm').submit();");
		sb.append(" }");
		sb.append("function skipPage() {");
		sb.append("  var page = document.getElementById('skipPage').value;");
		sb.append("  if (!page || isNaN(page) || parseInt(page) < 1 || parseInt(page) > " + pageBean.getMaxPage()
				+ ") {");
		sb.append("    alert('請輸入1~" + pageBean.getMaxPage() + "的數字');");
		sb.append("    return;");
		sb.append("  }");
		sb.append(" gotoPage(page);");
		sb.append("}");
		sb.append("</script>");

		return sb.toString();
	}
}
           

3、index.jsp—前端界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>    
<%@ taglib uri="http://zwf1.myjsp" prefix="z" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="/PageBean/bootstrap-3.3.7-dist/js/jquery-3.5.1.js"></script>
<script src="/PageBean/layui-v2.6.5/layui/layui.js"></script>
<script src="/PageBean/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="/PageBean/layui-v2.6.5/layui/css/layui.css" target="_blank" rel="external nofollow" />
<link rel="stylesheet" href="/PageBean/bootstrap-3.3.7-dist/css/bootstrap.css" target="_blank" rel="external nofollow" />
</head>
<body>
	<form class='form-inline'
		action='index.do' method='post'>
		<div class='form-group mb-2'>
			<input type='text' class='form-control-plaintext' name='bname'
				placeholder='請輸入書籍名稱' value="${ key }">
		</div>
		<button type='submit' class='btn btn-primary mb-2'>查詢</button>
	</form>

	<table class="layui-table">
  <colgroup>
    <col width="150">
    <col width="200">
    <col>
  </colgroup>
  <thead>
    <tr>
      <th>id</th>
      <th>書名</th>
      <th>價格</th>
    </tr> 
  </thead>
  <tbody>
  <c:forEach var="b" items="${ books }">
    <tr>
      <td>${ b.bid }</td>
      <td>${ b.bname }</td>
      <td>${ b.price }</td>
    </tr>
  </c:forEach>
  </tbody>
</table>
 <z:page pageBean="${ pageBean }"></z:page> 

</body>
</html>
           

效果圖：

下面的分頁在jsp界面僅用一行就能完成，其他界面還需要也一樣，不用每個界面再寫HTML和JS來實作這個分頁條的效果！重複代碼。能有這些效果完全少不了PageBean對象！！！  

Servlet

package com.servlet.zwf;

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

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.dao.zwf.BookDao;
import com.entity.zwf.Book;
import com.util.zwf.PageBean;

@WebServlet("/index.do")
public class BookServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    public BookServlet() {
        super();
    }

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	doPost(request, response);
	}

	protected void doPost(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException {
        /**
         * 我并沒有定義下拉框了，預設是根據資料名稱進行查詢，
         * 這裡可以擷取下拉框（根據什麼查詢），對book屬性進行指派，不為空的就是使用者選擇的
         */
		String key=req.getParameter("bname");//擷取搜尋框參數，這裡隻用bname作為案例展示
		if(key==null) {
			key="";
		}
		Book b=new Book();
		b.setBname(key);
		PageBean p=new PageBean();
		p.init(req);//c初始化PageBean
		BookDao bd=new BookDao();
		List<Book> Books = null;
			try {
				Books = bd.getAll(Book.class, p, b);
			} catch (Exception e) {
				e.printStackTrace();
			}
		System.out.println(p);
		req.setAttribute("books", Books);
		req.setAttribute("pageBean", p);
		req.setAttribute("key", key);
		req.getRequestDispatcher("index.jsp").forward(req, res);
	}
}
           

四、流程圖

前端使用者發送請求進過我們的一系列處理之後傳回一個符合使用者請求的前端頁面呈現！！！帶着這個流程去檢視學習對應地方的代碼。

這裡的核心是PageBean，它幾乎每個流程都在，它由使用者需求決定，然後決定資料，再決定分頁條！！！