摘要:分頁是項(xiàng)目常用的功能,昨天在中實(shí)現(xiàn)了簡單的分頁操作和搜索分頁,在此記錄一下。
分頁是Java Web項(xiàng)目常用的功能,昨天在Spring MVC中實(shí)現(xiàn)了簡單的分頁操作和搜索分頁,在此記錄一下。使用的框架為(MyBatis+SpringMVC+Spring)。
首先我們需要一個(gè)分頁的工具類:
1.分頁import java.io.Serializable; /** * 分頁 */ public class Page implements Serializable { private static final long serialVersionUID = -3198048449643774660L; private int pageNow = 1; // 當(dāng)前頁數(shù) private int pageSize = 4; // 每頁顯示記錄的條數(shù) private int totalCount; // 總的記錄條數(shù) private int totalPageCount; // 總的頁數(shù) @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;// 是否有最后一頁 /** * 通過構(gòu)造函數(shù) 傳入 總記錄數(shù) 和 當(dāng)前頁 * @param totalCount * @param pageNow */ public Page(int totalCount, int pageNow) { this.totalCount = totalCount; this.pageNow = pageNow; } /** * 取得總頁數(shù),總頁數(shù)=總記錄數(shù)/總頁數(shù) * @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() { // 如果有首頁就有前一頁,因?yàn)橛惺醉摼筒皇堑谝豁? return isHasFirst() ? true : false; } public void setHasPre(boolean hasPre) { this.hasPre = hasPre; } /** * 是否有下一頁 * @return */ public boolean isHasNext() { // 如果有尾頁就有下一頁,因?yàn)橛形岔摫砻鞑皇亲詈笠豁? 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; } }
有了這個(gè)工具類后,首先編寫MyBatis的XxxxMapper.xml配置文件中的SQL語句,如下:
此處我們可以看到,2個(gè)
/** * 使用注解方式傳入多個(gè)參數(shù),用戶產(chǎn)品分頁,通過登錄用戶ID查詢 * @param page * @param userId * @return startPos},#{pageSize} */ public ListselectProductsByPage(@Param(value="startPos") Integer startPos,@Param(value="pageSize") Integer pageSize,@Param(value="userId") Integer userId); /** * 取得產(chǎn)品數(shù)量信息,通過登錄用戶ID查詢 * @param userId * @return */ public long getProductsCount(@Param(value="userId") Integer userId);
接口定義完成之后需要編寫相應(yīng)的業(yè)務(wù)接口和實(shí)現(xiàn)方法,在接口中定義這樣一個(gè)方法,然后實(shí)現(xiàn)類中覆寫一下:
/** * 分頁顯示商品 * @param request * @param model * @param loginUserId */ void showProductsByPage(HttpServletRequest request,Model model,int loginUserId);
接下來實(shí)現(xiàn)類中的方法就是要調(diào)用DAO層和接受Controller傳入的參數(shù),進(jìn)行業(yè)務(wù)邏輯的處理,request用來獲取前端傳入的參數(shù),model用來向JSP頁面返回處理結(jié)果。
@Override public void showProductsByPage(HttpServletRequest request, Model model,int loginUserId) { String pageNow = request.getParameter("pageNow"); Page page = null; Listproducts = new ArrayList (); 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); }
接下來是控制器的編寫,當(dāng)用戶需要跳轉(zhuǎn)到這個(gè)現(xiàn)實(shí)產(chǎn)品的頁面時(shí),就需要經(jīng)過這個(gè)控制器中相應(yīng)方法的處理,這個(gè)處理過程就是調(diào)用業(yè)務(wù)層的方法來完成,然后返回結(jié)果到JSP動(dòng)態(tài)顯示,服務(wù)器端生成好頁面后傳給客戶端(瀏覽器)現(xiàn)實(shí),這就是一個(gè)MVC過程。
/** * 初始化 “我的產(chǎn)品”列表 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接口的對(duì)象 this.productService.showProductsByPage(request, model, loginUserId); return "跳轉(zhuǎn)到的JSP路徑"; }
JSP頁面接受部分我就不寫了,每個(gè)人都一樣,也就是結(jié)合JSTL和EL來寫,(在循環(huán)輸出的時(shí)候也做了判斷,如果接受的參數(shù)為空,那么輸出暫無商品,只有接受的參數(shù)不為空的時(shí)候,才循環(huán)輸出,使用<
2.查詢分頁
關(guān)于查詢分頁,大致過程完全一樣,只是第三個(gè)參數(shù)(上面是loginUserId)需要接受用戶輸入的參數(shù),這樣的話我們需要在控制器中接受用戶輸入的這個(gè)參數(shù)(頁面中的使用GET方式傳參),然后將其加入到SESSION中,即可完成查詢分頁(此處由于“下一頁”這中超鏈接的原因,使用了不同的JSP頁面處理分頁和搜索分頁,暫時(shí)沒找到在一個(gè)JSP頁面中完成的方法,出現(xiàn)了重復(fù)代碼,這里的重復(fù)代碼就是輸出內(nèi)容的那段代碼,可以多帶帶拿出去,然后用一個(gè)
這里給出控制器的代碼作為參考:
/** * 通過 產(chǎn)品名稱 查詢產(chǎn)品 * @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為空,再判斷傳入的參數(shù)是否為空,如果為空就跳轉(zhuǎn)到搜索結(jié)果頁面 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 "跳轉(zhuǎn)的頁面"; }
我有一個(gè)微信公眾號(hào),經(jīng)常會(huì)分享一些Java技術(shù)相關(guān)的干貨;如果你喜歡我的分享,可以用微信搜索“Java團(tuán)長”或者“javatuanzhang”關(guān)注。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/71035.html
摘要:頁面用實(shí)現(xiàn)配置查詢的參數(shù)即可,前提得引入的,服務(wù)器數(shù)據(jù)的請(qǐng)求方式服務(wù)器數(shù)據(jù)的加載地址設(shè)置為會(huì)有隔行變色效果服務(wù)器返回的數(shù)據(jù)類型設(shè)置為會(huì)在底部顯示分頁條設(shè)置為將禁止多選如果設(shè)置了分頁,每頁數(shù)據(jù)條數(shù)如果設(shè)置了分布,首頁頁碼是否顯示搜索框,給參數(shù) 頁面用bootstrapTable實(shí)現(xiàn)(配置查詢的參數(shù)即可),前提得引入bootstrapTable的css,js function load()...
摘要:頁面用實(shí)現(xiàn)配置查詢的參數(shù)即可,前提得引入的,服務(wù)器數(shù)據(jù)的請(qǐng)求方式服務(wù)器數(shù)據(jù)的加載地址設(shè)置為會(huì)有隔行變色效果服務(wù)器返回的數(shù)據(jù)類型設(shè)置為會(huì)在底部顯示分頁條設(shè)置為將禁止多選如果設(shè)置了分頁,每頁數(shù)據(jù)條數(shù)如果設(shè)置了分布,首頁頁碼是否顯示搜索框,給參數(shù) 頁面用bootstrapTable實(shí)現(xiàn)(配置查詢的參數(shù)即可),前提得引入bootstrapTable的css,js function load()...
摘要:本教程內(nèi)容已過時(shí),更新版教程請(qǐng)?jiān)L問博客開發(fā)入門教程。當(dāng)分頁較多時(shí),總是顯示當(dāng)前頁及其前幾頁和后幾頁的頁碼教程中使用的是兩頁,其他頁碼用省略號(hào)代替。 本教程內(nèi)容已過時(shí),更新版教程請(qǐng)?jiān)L問: django 博客開發(fā)入門教程。 摘要:前兩期教程我們實(shí)現(xiàn)了博客的 Model 部分,以及 Blog 的首頁視圖 IndexView,詳情頁面 DetailView,以及分類頁面 CategoryVi...
閱讀 3427·2023-04-26 00:57
閱讀 675·2021-10-08 10:05
閱讀 1422·2021-09-08 09:36
閱讀 4275·2021-08-12 13:31
閱讀 2630·2019-08-30 15:55
閱讀 2278·2019-08-30 15:55
閱讀 1085·2019-08-30 15:55
閱讀 2747·2019-08-29 13:17