《JavaWeb從入門到改行》分頁功能的實現

@目錄

       什么是分頁 ？

      兩個子模塊功能的問題分析 和 解決方案

      有條件查和無條件查詢的影響 和 解決方案

     項目案例： mysql + commons-dbutils+itcast-tools+BaseServlet + 分頁+JSP+JSTL+EL+MVC模式

 

---

 

什么是分頁？

如上所示，就是分頁  ，不用多說了

子模塊功能的問題分析 和 解決方案

 

@總功能分析  常規JDBC中，點擊查詢或輸入條件查詢，在頁面中可顯示查詢出的所有記錄，有多少記錄就顯示多少。在這種項目的基礎上增加分頁功能 。 @分頁功能的宗旨 是無論什么樣的查詢，顯示出的記錄都是當前頁的記錄 。  所以，我們必須得向系統說明我們當前是要顯示第幾頁的數據 。  自然，需要一個PageBean類

public class PageBean<T> {
        private int pageCode ;//當前頁碼
//        private int totalPage ;//總頁數,總頁數應該由計算獲取
        private int totalRecord;//總記錄數
        private int pageSize;//每頁記錄數，這是參數是定做這個軟件的甲方提出來的，在Servlet中直接定義為10了
        private List<T> beanList;//當前頁的記錄集合，方便整頁記錄的轉移
        private String url ;//Url后的條件，條件查詢設置的
｝

這個PageBean類中封裝了當前頁、總記錄數、當前頁所有記錄的集合等，系統通過當前頁碼這個參數返回pageSize條記錄放在beanList集合中返回顯示。 

@子模塊功能1 中首頁的pageCode是1，尾頁的pageCode是totalPage，上一頁和下一頁分別是pageCode-1 和pageCode+1 。 

@子模塊功能2 先來分析一個功能 ： 當前頁在頁碼列表中是第幾個位置 ？

 

從上述兩張圖片中，點擊1頁碼，當前頁處於列表的第1個位置，點擊2頁碼，當前頁處於列表的第2個位置，..........，點擊6頁碼，當前頁處於列表的第6個位置，但是當點擊7頁碼時，當前頁還是處於列表的第6個位置 。 也就是說，假如每次一行只能顯示10個頁碼，1~6頁碼的當前頁的位置還是1~6,列表從頁碼1~頁碼10。   但是7~10頁碼的當前頁的位置始終位於頁碼列表的第6個位置 ，列表從【頁碼2~頁碼11】~【頁碼X~頁碼totalPage】。其實非常好解決  ，列表頭尾的判定 還是利用pageCode ， begin = pageCode - 5   ,  end = pageCode + 4  。 

@解決 

• 如果  totalPage  <=  10（列表長度），那么  begin  =  1，end  =  totalPage ；
• 使用公式計算；begin  =  pc-5    ,    end  =   pc   +   4；
•  頭溢出：當  begin  <  1  時   ，   讓  begin  =  1 ；
• 尾溢出：當   end  >  totalPage  時   ，   讓  end  =  totalPage         

 

有條件查和無條件查詢的影響 和 解決方案

 @產生一個問題  分頁使得有條件查詢產生一個嚴重問題 ， 通過條件查詢出40條記錄，分4頁顯示，只有第一頁是該條件下的記錄，其余3頁都是不帶條件的記錄 。所以我們必須告訴系統我們的條件是什么，每一頁都要帶着條件去查詢和返回  。  

@解決 在pageBean中設置url參數 ， 這個參數將會攜帶這條件傳遞到Servlet中 。 

項目案例(mvc+jdbc+c3p0+BaseServlet+mysql+JSP+EL+JSTL)

@使用   mysql數據庫，c3p0數據庫連接池，

             采用commons-dbutils組件，封裝好的JdbcUtils工具類和TxQueryRunner工具類輔助JDBC ,  （學習地址 ： http://www.cnblogs.com/zyuqiang/p/7218083.html）

             BaseServlet輔助類 

            JSP+EL+JSTL

@數據庫

CREATE TABLE t_customer (
   username VARCHAR(50) DEFAULT NULL,
   age INT(11) DEFAULT NULL,
   balance DOUBLE(20,5) DEFAULT NULL
);

 

 @源碼

package cn.kmust.pagination.customer.domain;
/**
 * 實體類
 *    變量名字與數據庫中對應字段名一樣，便於封裝操作
 * @author ZHAOYUQIANG
 *
 */
public class Customer {
    private String username ; //用戶
    private int age ;  //年齡
    private double balance ; //資金
    public String getUsername() {
        return username;
    }
    public void setUsername(String username) {
        this.username = username;
    }
    public int getAge() {
        return age;
    }
    public void setAge(int age) {
        this.age = age;
    }
    public double getBalance() {
        return balance;
    }
    public void setBalance(double balance) {
        this.balance = balance;
    }
    @Override
    public String toString() {
        return "Customer [username=" + username + ", age=" + age + ", balance="
                + balance + "]";
    }
    public Customer(String username, int age, double balance) {
        super();
        this.username = username;
        this.age = age;
        this.balance = balance;
    }
    public Customer() {
        super();
        // TODO Auto-generated constructor stub
    }
    
    
    

}

package cn.kmust.pagination.pageBean.domain;
import java.util.List;
import java.util.List;
/**
     * 分頁Bean
     *    把每一頁中的當前頁碼、總頁數、總記錄數、每頁記錄數、當前頁的記錄集合等參數
     *       封裝到該類的一個對象中，形成PageBean對象
     * @author ZHAOYUQIANG
     *
     */
    public class PageBean<T> {
        private int pageCode ;//當前頁碼
//        private int totalPage ;//總頁數,總頁數應該由計算獲取
        private int totalRecord;//總記錄數
        private int pageSize;//每頁記錄數，這是參數是定做這個軟件的甲方提出來的，在Servlet中直接定義為10了
        private List<T> beanList;//當前頁的記錄集合，方便整頁記錄的轉移
        private String url ;//Url后的條件，條件查詢設置的
        
        public String getUrl() {
            return url;
        }
        public void setUrl(String url) {
            this.url = url;
        }
        public int getPageCode() {
            return pageCode;
        }
        public void setPageCode(int pageCode) {
            this.pageCode = pageCode;
        }
        /*
         * 計算總頁數，這個頁數是由總記錄和每頁記錄數決定的
         */
        public int getTotalPage() {
            int totalPage = totalRecord/pageSize ;            
            return totalRecord%pageSize==0 ? totalPage : totalPage+1;
        }
        public int getTotalRecord() {
            return totalRecord;
        }
        public void setTotalRecord(int totalRecord) {
            this.totalRecord = totalRecord;
        }
        public int getPageSize() {
            return pageSize;
        }
        public void setPageSize(int pageSize) {
            this.pageSize = pageSize;
        }
        public List<T> getBeanList() {
            return beanList;
        }
        public void setBeanList(List<T> beanList) {
            this.beanList = beanList;
        }

}

package cn.kmust.pagination.customer.servlet;

import java.io.IOException;
import java.io.UnsupportedEncodingException;

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

import cn.itcast.commons.CommonUtils;
import cn.itcast.servlet.BaseServlet;
import cn.kmust.pagination.customer.domain.Customer;
import cn.kmust.pagination.customer.service.CustomerService;
import cn.kmust.pagination.pageBean.domain.PageBean;
/**
  * Web層
  *   繼承了我們自己寫的BaseServlet類
  *   要求寫的方法得與service（）相同，
  *     並且.jsp頁面必須傳遞過來一個method參數，如（add、deleter等）
  *   
  * @author ZHAOYUQIANG
  *
*/
public class CustomerServlet extends BaseServlet {
    /*
     * 依賴CustomerService
     */
    private CustomerService cstmService = new CustomerService();
    /**
     * 客戶查詢所有
     *    加入了分頁功能 ： 向頁面返回當前頁的所有記錄， 返回的是一個對象，對象中封裝了一個beanList集合
     *         該集合中存放這當前頁所有記錄
     * @param request
     * @param response
     * @return
     * @throws ServletException
     * @throws IOException
     */
    public String queryAll(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        /*
         * 1. 獲取list.jsp頁面傳遞的pc
         * 2. 給定每頁記錄數ps = 10 。開發者根據客戶的需求，認為規定的
         * 3. 使用pc和ps調用sevice方法，得到當前頁的PageBean對象（該對象中封裝了
         *         當前頁的所有記錄的集合等）
         * 4. 把PageBean保存到request域中
         * 5. 轉發到list.jsp
         * 
         */
        int pageCode = getCurrentPage(request);
        int pageSize = 10 ; //每頁10記錄        
        PageBean<Customer> pageBean = cstmService.queryAll(pageCode,pageSize);
        /*
         * 因為與條件查詢共用一個list.jsp，所以也需要加url
         */
        pageBean.setUrl(getUrl(request));
        request.setAttribute("pageBean", pageBean);
        return "f:/list.jsp";
       
    }
    

    /**
     * 條件查詢
     *    具有分頁功能，按照條件查詢，條件也會被帶入分頁中
     * @param request
     * @param response
     * @return
     * @throws ServletException
     * @throws IOException
     */
    public String query(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        /*
         * 1. 封裝表單數據到Customer對象中
         *       只有一個屬性username,是查詢的條件critaria
         * 2. 得到當前頁碼 pageCode
         * 3. 給定pageSize 10 
         * 4. 使用pageCode和pageSize以及條件對象，調用service方法得到query，
         *            返回當前頁的PageBean對象，內封裝了當前頁的所有記錄集合
         * 5. 把PageBean保存到request域中
         * 6. 轉發到list.jsp顯示成功信息
         */
        Customer criteria = CommonUtils.toBean(request.getParameterMap(), Customer.class);    
        /*
         * 處理GET請求方式編碼問題
         *    因為query.jsp表單使用的是get提交方法
         */
        criteria = encoding(criteria);
        
        int pageCode = getCurrentPage(request);
        int pageSize = 10 ; //每頁10記錄
        PageBean<Customer> pageBean = cstmService.query(criteria,pageCode,pageSize);
        /*
         * 得到url，保存到pageBean對象中
         */
        pageBean.setUrl(getUrl(request));
        request.setAttribute("pageBean", pageBean);
        return "f:/list.jsp";
    }
    
    
    /**
     * 處理GET請求亂碼
     *    因為BaseSevlet類中只有處理POST請求的亂碼，沒有GET請求的亂碼處理
     * @param criteria
     * @return
     * @throws UnsupportedEncodingException 
     */
    private Customer encoding(Customer criteria) throws UnsupportedEncodingException {
        String username = criteria.getUsername();
       
        if(username != null && !username.trim().isEmpty()){
            username = new String(username.getBytes("ISO-8859-1"),"utf-8");
            criteria.setUsername(username);
        }    
        return criteria;
    }
    
    
    
    
    /**
     * 獲取pageCode(當前頁碼)
     *     傳遞到Servlet中的參數都是String類型的，所以需要轉換
     *     pageCode參數如果不存在，說明是第一次調用，當前頁碼默認為第一頁
     * @param request
     * @return
     */
    private int getCurrentPage(HttpServletRequest request){
        String value = request.getParameter("pageCode");
        if(value == null || value.trim().isEmpty()){
            return 1 ;
        }
        return Integer.parseInt(value);    
    }
    
    
    /**
     * 截取url
     *   條件查詢中需要使用
     *    /項目名/Servlet路徑？參數字符串
     * @param request
     * @return
     */
    private String getUrl(HttpServletRequest request){
        /*
         * 1. 獲取項目名
         * 2. 獲取Servlet路徑
         * 3. 獲取參數列表
         *       這個參數是條件
         */
        String contextPath = request.getContextPath();
        String servletPath = request.getServletPath();
        String queryString = request.getQueryString();
        /*
         * 4. 判斷是否包含pageCode參數 
         *      如果包含需要剪掉，不要這個參數
         */
        if(queryString.contains("&pageCode")){
            int index = queryString.lastIndexOf("&pageCode");
            queryString = queryString.substring(0,index);
        }
        return contextPath+servletPath+"?"+queryString ;
    }

}

package cn.kmust.pagination.customer.service;

import java.sql.SQLException;
import java.util.List;

import cn.itcast.jdbc.JdbcUtils;
import cn.kmust.pagination.customer.dao.CustomerDao;
import cn.kmust.pagination.customer.domain.Customer;
import cn.kmust.pagination.pageBean.domain.PageBean;



/**
 * service 層   處理業務
 * @功能  
 *       1. 條件查詢
 *       2. 查詢 所有用戶
 *       3. 查詢 所有記錄行數
 * @author ZHAOYUQIANG
 *
 */
public class CustomerService {
    /*
     * 依賴CustomerDao
     */
    CustomerDao cstmDao = new CustomerDao();
    /**
     * 條件查詢
     *   
     * @param criteria
     * @param pageCode
     * @param pageSize
     * @return
     */
    public PageBean<Customer> query(Customer criteria,int pc,int ps) {
           return  cstmDao.query(criteria,pc,ps);            
        }
    /**
     * 查詢所有客戶業務
     *  具有分頁功能 ： 返回PageBean對象 ，對象中封裝了 當前頁所有記錄的集合
     * @param pc
     * @param ps
     * @return
     */
    public PageBean<Customer> queryAll(int pc,int ps){
        return cstmDao.queryAll(pc,ps);
    }
    
    
    
}

package cn.kmust.pagination.customer.dao;

import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;

import javax.sql.DataSource;

import org.apache.commons.dbutils.QueryRunner;
import org.apache.commons.dbutils.ResultSetHandler;
import org.apache.commons.dbutils.handlers.BeanHandler;
import org.apache.commons.dbutils.handlers.BeanListHandler;
import org.apache.commons.dbutils.handlers.MapHandler;
import org.apache.commons.dbutils.handlers.MapListHandler;
import org.apache.commons.dbutils.handlers.ScalarHandler;

import cn.itcast.jdbc.JdbcUtils;
import cn.itcast.jdbc.TxQueryRunner;
import cn.kmust.pagination.customer.domain.Customer;
import cn.kmust.pagination.pageBean.domain.PageBean;




/**
 *dao層  
 *    對數據庫的操作 
 * @author ZHAOYUQIANG
 *
 */
public class CustomerDao {
    private QueryRunner qr = new TxQueryRunner();     
    /**
     * 對數據庫進行查詢所有客戶操作
     *   具有分頁功能  ： 返回PageBean對象，該對象封裝了當前頁的所有記錄的集合
     *      當前頁的所有記錄都放到beanList集合中，然后隨當前頁碼等參數封裝到pageBean中返回  
     * @return
     */
    public PageBean<Customer> queryAll(int pc,int ps){
        try {
            /*
             * 有關數據庫的操作：
             *     准備sql模版
             *     調用QueryRunner的query方法
             */
            /*該方法的任務：
             *  1. 創建PageBean對象
             */
            PageBean<Customer> pageBean = new PageBean<Customer>();
            /*
             * 2. 設置pc和ps,封裝到我pageBean對象
             */
            pageBean.setPageCode(pc);
            pageBean.setPageSize(ps);
            /*
             *  3. 查詢數據庫得到totalRecord（數據庫所有記錄），封裝到我pageBean對象
             */
            String sql = "select count(*) from t_customer";
            Number num = (Number)qr.query(sql,new ScalarHandler() );
            int totalRecord  = num.intValue();
            pageBean.setTotalRecord(totalRecord);
            /*
             * 4. 查詢數據庫得到BeanList(當前頁記錄的集合)，封裝到我pageBean對象
             *      當前頁到底是第幾頁，當前頁有多少條記錄呢？
             *        利用mysql的limit子句， （limit 4,10的意思是從第五行記錄開始（包含第五行），查詢10行記錄）
             *          很明顯當前頁的是從第(pc-1)*ps行開始，查詢ps行記錄。
             *          根據limit子句的特點，巧妙的設計查詢當前頁的數據
             *      用order by 通過客戶姓名來排序顯示
             */
            sql = "select * from t_customer order by username limit ?,?";
            List<Customer> beanList = qr.query(sql, 
                    new BeanListHandler<Customer>(Customer.class),(pc-1)*ps,ps);        
            pageBean.setBeanList(beanList);
            /*
             * 5. 返回PageBean對象
             */
            return pageBean ;
        } catch (SQLException e) {
            throw new RuntimeException(e);
        }        
    }
    /**
     * 條件查詢
     *   具有分頁功能
     * @param criteria
     * @param pc
     * @param ps
     * @return
     */
    public PageBean<Customer> query(Customer criteria,int pc,int ps) {
        try {
            /*
             * 1. 創建PageBean對象
             * 2. 設置已有屬性，pc和ps（pageCode和pageSize）
             * 3. 通過條件查詢數據庫得到totalRecord
             * 4. 查詢數據庫，返回beanList（當前頁記錄的集合）
             */
            PageBean<Customer> pageBean = new PageBean<Customer>();
            pageBean.setPageCode(pc);
            pageBean.setPageSize(ps);
            /*
             * 3. 通過條件查詢數據庫得到totalRecord 
             */
            String sql1 = null;
            String username = criteria.getUsername();
            if(username != null && !username.trim().isEmpty()){                
                sql1 = "select count(*) from t_customer where username like ?" ;
            }
            Object[] params1 = {"%"+username+"%"};
            /*
             * 3.3. 得到totalRecord
             */
            Number num = (Number)qr.query(sql1,
                    new ScalarHandler(),params1);
            int totalRecord = num.intValue();
            pageBean.setTotalRecord(totalRecord);
            /*
             * 4. 查詢數據庫，返回beanList（當前頁記錄的集合）
             *    還是需要拼湊sql語句，並且需要limit子句
             *      params中需要給出limit后兩個問號對應的值
             *    
             */
            
            String sql2 = "select * from t_customer where username like ? limit ?,?";
            
            Object[] params = {"%"+username+"%",(pc-1)*ps,ps};
            List<Customer> beanList = qr.query(sql2,
                    new BeanListHandler<Customer>(Customer.class),
                    params);
            pageBean.setBeanList(beanList);
            return pageBean ;
        } catch (SQLException e) {
            throw new RuntimeException(e);
        }
        
    }
}

 

 @項目download   http://files.cnblogs.com/files/zyuqiang/jdbcStudy_Demo5_pagination.rar