1. 程式人生 > >SSM框架——實現分頁和搜尋分頁

SSM框架——實現分頁和搜尋分頁

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

        首先我們需要一個分頁的工具類:

1.分頁

    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語句,如下:

<!-- 分頁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屬性值一致:
    /** 
     * 使用註解方式傳入多個引數,使用者產品分頁,通過登入使用者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);  



介面定義完成之後需要編寫相應的業務介面和實現方法,在介面中定義這樣一個方法,然後實現類中覆寫一下:

    /** 
         * 分頁顯示商品 
         * @param request 
         * @param model 
         * @param loginUserId 
         */  
        void showProductsByPage(HttpServletRequest request,Model model,int loginUserId);  


        接下來實現類中的方法就是要呼叫DAO層和接受Controller傳入的引數,進行業務邏輯的處理,request用來獲取前端傳入的引數,model用來向JSP頁面返回處理結果。

    @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過程。

    /** 
     * 初始化 “我的產品”列表 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>),這裡只給出分頁的相關程式碼:

    <!-- 分頁功能 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頁面就可以了,這樣可以避免程式碼重複):

      這裡給出控制器的程式碼作為參考:

/** 
     * 通過 產品名稱 查詢產品 
     * @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 "跳轉的頁面";  
    }