1. 程式人生 > >SpringMVC分頁技術

SpringMVC分頁技術

  原文地址:http://blog.csdn.net/zhshulin/article/details/26447713

分頁是JAVA WEB專案常用的功能,昨天在Spring MVC中實現了簡單的分頁操作和搜尋分頁,在此記錄一下。使用的框架為(MyBatis+SpringMVC+Spring)。


        首先我們需要一個分頁的工具類:
1.分頁
[java] view plaincopyprint?在CODE上檢視程式碼片派生到我的程式碼片
import java.io.Serializable;  
  
/** 
 * 分頁 
 */  
public class Page implements Serializable {  
  
    private static final long serialVersionUID = -3198048449643774660L;  
  
    private int pageNow = 1; // 當前頁數  
  
    private int pageSize = 4; // 每頁顯示記錄的條數  
  
    private int totalCount; // 總的記錄條數  
  
    private int totalPageCount; // 總的頁數  
  
    @SuppressWarnings("unused")  
    private int startPos; // 開始位置,從0開始  
  
    @SuppressWarnings("unused")  
    private boolean hasFirst;// 是否有首頁  
  
    @SuppressWarnings("unused")  
    private boolean hasPre;// 是否有前一頁  
  
    @SuppressWarnings("unused")  
    private boolean hasNext;// 是否有下一頁  
  
    @SuppressWarnings("unused")  
    private boolean hasLast;// 是否有最後一頁  
      
    /** 
     * 通過建構函式 傳入  總記錄數  和  當前頁 
     * @param totalCount 
     * @param pageNow 
     */  
    public Page(int totalCount, int pageNow) {  
        this.totalCount = totalCount;  
        this.pageNow = pageNow;  
    }  
      
    /** 
     * 取得總頁數,總頁數=總記錄數/總頁數 
     * @return 
     */  
    public int getTotalPageCount() {  
        totalPageCount = getTotalCount() / getPageSize();  
        return (totalCount % pageSize == 0) ? totalPageCount  
                : totalPageCount + 1;  
    }  
  
    public void setTotalPageCount(int totalPageCount) {  
        this.totalPageCount = totalPageCount;  
    }  
  
    public int getPageNow() {  
        return pageNow;  
    }  
  
    public void setPageNow(int pageNow) {  
        this.pageNow = pageNow;  
    }  
  
    public int getPageSize() {  
        return pageSize;  
    }  
  
    public void setPageSize(int pageSize) {  
        this.pageSize = pageSize;  
    }  
  
    public int getTotalCount() {  
        return totalCount;  
    }  
  
    public void setTotalCount(int totalCount) {  
        this.totalCount = totalCount;  
    }  
    /** 
     * 取得選擇記錄的初始位置 
     * @return 
     */  
    public int getStartPos() {  
        return (pageNow - 1) * pageSize;  
    }  
  
    public void setStartPos(int startPos) {  
        this.startPos = startPos;  
    }  
  
    /** 
     * 是否是第一頁 
     * @return 
     */  
    public boolean isHasFirst() {  
        return (pageNow == 1) ? false : true;  
    }  
  
    public void setHasFirst(boolean hasFirst) {  
        this.hasFirst = hasFirst;  
    }  
    /** 
     * 是否有首頁 
     * @return 
     */  
    public boolean isHasPre() {  
        // 如果有首頁就有前一頁,因為有首頁就不是第一頁  
        return isHasFirst() ? true : false;  
    }  
  
    public void setHasPre(boolean hasPre) {  
        this.hasPre = hasPre;  
    }  
    /** 
     * 是否有下一頁 
     * @return 
     */  
    public boolean isHasNext() {  
        // 如果有尾頁就有下一頁,因為有尾頁表明不是最後一頁  
        return isHasLast() ? true : false;  
    }  
  
    public void setHasNext(boolean hasNext) {  
        this.hasNext = hasNext;  
    }  
    /** 
     * 是否有尾頁 
     * @return 
     */  
    public boolean isHasLast() {  
        // 如果不是最後一頁就有尾頁  
        return (pageNow == getTotalCount()) ? false : true;  
    }  
  
    public void setHasLast(boolean hasLast) {  
        this.hasLast = hasLast;  
    }  
  
}  


       有了這個工具類後,首先編寫MyBatis的XxxxMapper.xml配置檔案中的SQL語句,如下:
[html] view plaincopyprint?在CODE上檢視程式碼片派生到我的程式碼片
<!-- 分頁SQL語句 -->  
<select id="selectProductsByPage" resultMap="返回值型別">  
  select   
  *  
  from 表名 WHERE user_id = #{userId,jdbcType=INTEGER} limit #{startPos},#{pageSize}   
</select>  
<!-- 取得記錄的總數 -->  
<select id="getProductsCount" resultType="long">  
  SELECT COUNT(*) FROM 表名 WHERE user_id = #{userId,jdbcType=INTEGER}   
</select>  


             此處我們可以看到,2個<select>需要分別傳入3個和1個引數,此時在對應的DAO檔案IXxxxDao中編寫介面來編寫對應的方法,方法名和mapper.xml中的id屬性值一致:
[java] view plaincopyprint?在CODE上檢視程式碼片派生到我的程式碼片
/** 
 * 使用註解方式傳入多個引數,使用者產品分頁,通過登入使用者ID查詢 
 * @param page 
 * @param userId 
 * @return startPos},#{pageSize}  
 */  
public List<Products> selectProductsByPage(@Param(value="startPos") Integer startPos,@Param(value="pageSize") Integer pageSize,@Param(value="userId") Integer userId);  
  
/** 
 * 取得產品數量資訊,通過登入使用者ID查詢 
 * @param userId 
 * @return 
 */  
public long getProductsCount(@Param(value="userId") Integer userId);  




介面定義完成之後需要編寫相應的業務介面和實現方法,在介面中定義這樣一個方法,然後實現類中覆寫一下:
[java] view plaincopyprint?在CODE上檢視程式碼片派生到我的程式碼片
/** 
     * 分頁顯示商品 
     * @param request 
     * @param model 
     * @param loginUserId 
     */  
    void showProductsByPage(HttpServletRequest request,Model model,int loginUserId);  


        接下來實現類中的方法就是要呼叫DAO層和接受Controller傳入的引數,進行業務邏輯的處理,request用來獲取前端傳入的引數,model用來向JSP頁面返回處理結果。
[java] view plaincopyprint?在CODE上檢視程式碼片派生到我的程式碼片
@Override  
public void showProductsByPage(HttpServletRequest request, Model model,int loginUserId) {  
    String pageNow = request.getParameter("pageNow");  
  
    Page page = null;  
  
    List<ProductWithBLOBs> products = new ArrayList<ProductWithBLOBs>();  
  
    int totalCount = (int) productDao.getProductsCount(loginUserId);  
  
    if (pageNow != null) {  
        page = new Page(totalCount, Integer.parseInt(pageNow));  
        allProducts = this.productDao.selectProductsByPage(page.getStartPos(), page.getPageSize(), loginUserId);  
    } else {  
        page = new Page(totalCount, 1);  
        allProducts = this.productDao.selectProductsByPage(page.getStartPos(), page.getPageSize(), loginUserId);  
    }  
  
    model.addAttribute("products", products);  
    model.addAttribute("page", page);  
}  


       接下來是控制器的編寫,當用戶需要跳轉到這個現實產品的頁面時,就需要經過這個控制器中相應方法的處理,這個處理過程就是呼叫業務層的方法來完成,然後返回結果到JSP動態顯示,伺服器端生成好頁面後傳給客戶端(瀏覽器)現實,這就是一個MVC過程。
[java] view plaincopyprint?在CODE上檢視程式碼片派生到我的程式碼片
/** 
 * 初始化 “我的產品”列表 JSP頁面,具有分頁功能 
 *  
 * @param request 
 * @param model 
 * @return 
 */  
@RequestMapping(value = "對映路徑", method = RequestMethod.GET)  
public String showMyProduct(HttpServletRequest request, Model model) {  
    // 取得SESSION中的loginUser  
    User loginUser = (User) request.getSession().getAttribute("loginUser");  
    // 判斷SESSION是否失效  
    if (loginUser == null || "".equals(loginUser)) {  
        return "redirect:/";  
    }  
  
    int loginUserId = loginUser.getUserId();  
    //此處的productService是注入的IProductService介面的物件  
    this.productService.showProductsByPage(request, model, loginUserId);  
  
    return "跳轉到的JSP路徑";  
}  
        JSP頁面接受部分我就不寫了,每個人都一樣,也就是結合JSTL和EL來寫,(在迴圈輸出的時候也做了判斷,如果接受的引數為空,那麼輸出暫無商品,只有接受的引數不為空的時候,才迴圈輸出,使用<<c:when test="${}">結合<c:otherwise>),這裡只給出分頁的相關程式碼:


[html] view plaincopyprint?在CODE上檢視程式碼片派生到我的程式碼片
<!-- 分頁功能 start -->  
    <div align="center">  
        <font size="2">共 ${page.totalPageCount} 頁</font> <font size="2">第  
            ${page.pageNow} 頁</font> <a href="myProductPage?pageNow=1">首頁</a>  
        <c:choose>  
            <c:when test="${page.pageNow - 1 > 0}">  
                <a href="myProductPage?pageNow=${page.pageNow - 1}">上一頁</a>  
            </c:when>  
            <c:when test="${page.pageNow - 1 <= 0}">  
                <a href="myProductPage?pageNow=1">上一頁</a>  
            </c:when>  
        </c:choose>  
        <c:choose>  
            <c:when test="${page.totalPageCount==0}">  
                <a href="myProductPage?pageNow=${page.pageNow}">下一頁</a>  
            </c:when>  
            <c:when test="${page.pageNow + 1 < page.totalPageCount}">  
                <a href="myProductPage?pageNow=${page.pageNow + 1}">下一頁</a>  
            </c:when>  
            <c:when test="${page.pageNow + 1 >= page.totalPageCount}">  
                <a href="myProductPage?pageNow=${page.totalPageCount}">下一頁</a>  
            </c:when>  
        </c:choose>  
        <c:choose>  
            <c:when test="${page.totalPageCount==0}">  
                <a href="myProductPage?pageNow=${page.pageNow}">尾頁</a>  
            </c:when>  
            <c:otherwise>  
                <a href="myProductPage?pageNow=${page.totalPageCount}">尾頁</a>  
            </c:otherwise>  
        </c:choose>  
    </div>  
    <!-- 分頁功能 End -->  


2.查詢分頁
       關於查詢分頁,大致過程完全一樣,只是第三個引數(上面是loginUserId)需要接受使用者輸入的引數,這樣的話我們需要在控制器中接受使用者輸入的這個引數(頁面中的<input>使用GET方式傳參),然後將其加入到SESSION中,即可完成查詢分頁(此處由於“下一頁”這中超連結的原因,使用了不同的JSP頁面處理分頁和搜尋分頁,暫時沒找到在一個JSP頁面中完成的方法,出現了重複程式碼,這裡的重複程式碼就是輸出內容的那段程式碼,可以單獨拿出去,然後用一個<include>標籤載入到需要的JSP頁面就可以了,這樣可以避免程式碼重複):
      這裡給出控制器的程式碼作為參考:
[java] view plaincopyprint?在CODE上檢視程式碼片派生到我的程式碼片
/** 
     * 通過 產品名稱 查詢產品 
     * @param request 
     * @param model 
     * @return 
     */  
    @RequestMapping(value = "對映地址", method = RequestMethod.GET)  
    public String searchForProducts(HttpServletRequest request, Model model) {  
        HttpSession session = request.getSession();  
  
        String param = request.getParameter("param");  
  
        String condition = (String) session.getAttribute("condition");  
  
        //先判斷SESSION中的condition是否為空  
        if (condition == null) {  
            condition = new String();  
            session.setAttribute("condition", condition);  
            //如果Session中的condition為空,再判斷傳入的引數是否為空,如果為空就跳轉到搜尋結果頁面  
            if (param == null || "".equals(param)) {  
                return "private/space/ProductSearchResult";  
            }  
        }  
        //如果SESSION不為空,且傳入的搜尋條件param不為空,那麼將param賦值給condition  
        if (param != null && !("".equals(param))) {  
            condition = param;  
            session.setAttribute("condition", condition);  
        }  
        //使用session中的condition屬性值來作為查詢條件  
        this.productService.showSearchedProductsByPage(request, model, condition);  
  
        return "跳轉的頁面";  
    }