PageHelper 分頁外掛只用Page、不用PageInfo 的寫法

阿新 • • 發佈：2019-01-13

PageHelper 分頁外掛，學到的寫法是得到Page 物件後再轉成PageInfo 物件，但Page 是ArrayList 的子類，裡面包含了資料列表和分頁資訊，為什麼不能直接用Page 物件做分頁呢？問題只是如何在頁面取出Page 中資料。經過多次嘗試，終於驗證這個想法是可行的。

0）環境：SpringMVC + Spring + MyBatis。

1）mybatis 配置檔案新增PageHelper 外掛資訊。

	<plugins>
		<plugin interceptor="com.github.pagehelper.PageHelper">
			<property name="dialect" value="mysql"/>
            <!--reasonable 預設false，設為true 時，當pageNum(當前頁) 小於1時，會自動為其賦值為1。-->
            <property name="reasonable" value="true"/>
		</plugin>
	</plugins>

2）Service 實現類，直接返回Page 物件。

PageHelper.startPage() 的兩個引數：pageNum (當前頁) 通過第一步的配置完成初始化；pageSize (每頁展示條數) 可以放到常量介面類(放utils 包) 裡面。

@Override
	public Page<User>  getUserPage(Page<User> page) {
		PageHelper.startPage(page.getPageNum(), 3);
		return (Page<User>) userDao.getUserList();
	}

3）Controller 方法。此處方法形參Page<User> 直接就是外掛裡的Page 類。

此處Page 類後面不寫<User> 的話，進入使用者列表頁面時瀏覽器會報一個奇怪的錯誤：Root Cause: java.lang.IllegalArgumentException: Cannot generate variable name for non-typed Collection parameter type，控制檯沒報錯資訊，Baidu Google 都找不到一樣的案例，最後自己發現是形參類不完整的問題。

        @Autowired
	private IUserService userService;

	@RequestMapping(value = "/getUserPage")
	public String getUserPage(Page<User> page, ModelMap map) {
		page = userService.getUserPage(page);
		map.put("page", page);
		map.put("url", "user/getUserPage?");
		return "userList";
	}

4）展示頁面，因為page 是ArrayList 的子類，直接把它作為List 來用即可。

<table border="1" class="layui-table">
	<tr>
		<td>id</td>
		<td>姓名</td>
		<td>密碼</td>
		<td>生日</td>
		<td>操作</td>
	</tr>
	
	<c:forEach items="${page}" var="user">
		<tr>
			<td>${user.id}</td>			
            <td>${user.name}</td>
			<td>${user.password}</td>
			<td>${user.birthday}</td>
			<td>
				<a href="#">編輯</a>
				<a href="#">刪除</a>
			</td>
		</tr>
	</c:forEach>	
</table>
<jsp:include page="/common/page.jsp"/>

5）分頁頁面，用了layui 分頁外掛。關鍵在這裡：Page 物件裡含有分頁資訊，但因為它又是List，直接用${page.total} 這種寫法是取不到分頁資訊的，試了幾次，用下面程式碼寫法可行：${page.getTotal()} 。

PS: 還有一種用下標的EL 表示式寫法，不迴圈也能取到List 裡面實體資料的值：${page[0].id} 。

<html>
<head>
<base href="<%=request.getContextPath()+"/"%>">
<!-- 樣式檔案 -->
 <link rel="stylesheet" href="js/layui/css/layui.css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- js檔案 -->
<script src="js/layui/layui.js"></script>
<script>
layui.use('laypage', function(){
  var laypage = layui.laypage;
  
  //執行一個laypage例項
  laypage.render({
    elem: 'test1' //注意，這裡的 test1 是 ID，不用加 # 號
    ,count: "${page.getTotal()}" //資料總數，從服務端得到
    ,limit:"${page.getPageSize()}"
    ,curr:"${page.getPageNum()}"
    , layout: ['prev', 'page', 'next','count']
    ,jump: function(obj, first){ // 切換頁碼的時候呼叫
    	debugger
        //obj包含了當前分頁的所有引數，比如：
        console.log(obj.curr); //得到當前頁，以便向服務端請求對應頁的資料。
        console.log(obj.limit); //得到每頁顯示的條數
        
        //首次不執行
        if(!first){
        	location.href="${url}pageNum="+obj.curr
        }
      }
  });
});
</script>
</head>
<body>
<!-- 分頁導航條 -->
<div id="test1"></div>
</body>
</html>

PageHelper 分頁外掛只用Page、不用PageInfo 的寫法

PageHelper 分頁外掛只用Page、不用PageInfo 的寫法

springboot2.0.5整合mybatis（PageHelper分頁外掛、generator外掛使用）

SpringBoot入門篇--整合mybatis+generator自動生成程式碼+druid連線池+PageHelper分頁外掛

Mybatis-PageHelper分頁外掛

PageHelper分頁外掛配合bootstrap和easyui的使用

Springboot 使用PageHelper分頁外掛實現分頁

pageHelper 分頁外掛

專案中PageHelper分頁外掛的使用例項（SSM）

Spingboot+Mybatis優化 --- pagehelper分頁外掛

SpringBoot入門筆記13——pageHelper分頁外掛的使用

springboot如何整合mybatis的pagehelper分頁外掛

PageHelper分頁外掛及通用分頁js

PageHelper分頁外掛和easyUI實現分頁

SpringBoot整合Mybatis-Plus和PageHelper分頁外掛，附專案原始碼

PageHelper分頁外掛使用

mybatis使用PageHelper分頁外掛原理

使用pagehelper分頁外掛詳細教程

MyBatis攔截器分頁原理及PageHelper分頁外掛教學

pageHelper分頁外掛使用以及 jsp 中資料處理（記錄）

pageHelper分頁外掛實現原理及使用方法

PageHelper 分頁外掛只用Page、不用PageInfo 的寫法

相關推薦