spring Boot查詢資料分頁顯示的方法例項
阿新 • • 發佈：2020-08-14
springBoot所有依賴和配置檔案都寫好的情況下
1、dao介面的實現方法
package com.cy.pj.sys.dao;
import java.util.List;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Param;
import com.cy.pj.sys.pojo.SysLog;
@Mapper
public interface SysLogDao {
/**
*
* @param username 查詢條件（例如查詢那個使用者的日誌資訊）
* @return 總記錄數（基於這個結果可以計算總頁數）
*/
int getRowCount(@Param("username") String username);
/**
*
* @param username 查詢條件（例如查詢那個使用者的日誌資訊）
* @param startIndex 當前頁的起始位置
* @param paInteger 當前頁的頁面大小
* @return 當前頁的日誌記錄資訊
* 資料庫中每條日誌資訊封裝到一個SysLog物件中
*/
List<SysLog> findPageObjects(
@Param("username")String username,@Param("startIndex")Integer startIndex,@Param("pageSize")Integer pageSize
);
}2、寫實現dao中Mapper的sql語句
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.cy.pj.sys.dao.SysLogDao">
<!-- sql元素用於對於sql語句共性的提取，需要的位置用<include>引入 -->
<sql id="queryWhereId">
from sys_Logs
<where>
<if test="username!=null and username!=''">
username like concat('%',#{username},'%')
<!-- concat 字串的連線 -->
</if>
</where>
</sql>
<!-- 按條件統計記錄總數 -->
<select id="getRowCount" resultType="int">
select count(*)
<include refid="queryWhereId"/>
</select>
<!-- 在對映檔案中新增為id為 findPageObjects元素，，實現分頁查詢-->
<select id="findPageObjects" resultType="com.cy.pj.sys.pojo.SysLog">
select *
<include refid="queryWhereId"/>
order by createdTime desc
limit #{startIndex},#{pageSize}
</select>
</mapper>3、寫pojo類對資料進行封裝，所顯示的表字段的pojo類
3.1這裡是SysLog
package com.cy.pj.sys.pojo;
import java.io.Serializable;
import java.util.Date;
import lombok.Data;
/**
* 定義用於封裝日誌資訊的一個pojo物件，這樣的物件，在定義時要遵循一下規則
* 1）屬性儘量都用物件型別
* 2）提供無引數建構函式
* 3）提供set/get方法，boolean型別變數不能以is作為字首
* 4）實現序列化介面並手動新增序列化id（便於後續對此物件進行序列化）：在java中建議所有用於儲存資料 的物件都實現
* FAQ?
* 1)為什麼要實現序列化介面
* 2）什麼是序列化？（將物件轉化為位元組）
* 3）為什麼要序列化？應用在什麼場景？（將資料持久化，或將資料儲存到快取中）
* 4）什麼是反序列化？（將位元組轉換為物件
* 5）如何序列化和反序列化
* 5.1）設計類是要實現序列化介面
* 5.2）構建IO物件（ObjectOutputStream/ObjectinputStream）
* 5.3)通過I/O物件進行序列化和反序列化
* @author Administrator
*
*/
@Data
public class SysLog implements Serializable{
private static final long serialVersionUID = -1592163223057343412L;
private Integer id;
//使用者名稱
private String username;
//使用者操作
private String operation;
//請求方法
private String method;
//請求引數
private String params;
//執行時長（毫秒）
private Long time;
//ip地址
private String ip;
//建立時間
private Date createdTime;
}
3.2對獲取的資訊進行封裝（獲取分頁資訊的頁碼值、頁面大小（就是每頁所顯示的記錄）、獲取的表總共記錄數、總頁數 、當前記錄）
package com.cy.pj.sys.pojo;
import java.util.List;
import lombok.Data;
/**
*
* @author PageObject 為業務封裝分業務相關資料的BO物件
* @param <T>引數化的型別（泛型）
*/
@Data
public class PageObject<T> {//類名<泛型>：類泛型（這裡的泛型用於約束類中的屬性，方法引數，方法的返回值）
/**當前頁的頁碼值 */
private Integer pageCurrent=1;
/**頁面大小*/
private Integer pageSize=3;
/**總行數(通過查詢獲得)*/
private Integer rowCount=0;
/**總頁數(通過計算獲得)*/
private Integer pageCount=0;
/**當前頁記錄*/
private List<T> records;
}
3.3處理異常進行封裝
package com.cy.pj.sys.pojo;
public class JsonResult {
/**
* 狀態碼
*/
private int state=1;
/**
* 狀態資訊
*/
private String message="ok";
/**
* 正確資料
*/
private Object data;
public JsonResult() {
}
public JsonResult(String message) {
this.message = message;
}
public JsonResult(Object data) {
this.data = data;
}
public JsonResult(Throwable t) {
this.state=0;
this.message=t.getMessage();
}
public int getState() {
return state;
}
public void setState(int state) {
this.state = state;
}
public String getMessage() {
return message;
}
public void setMessage(String message) {
this.message = message;
}
public Object getData() {
return data;
}
public void setData(Object data) {
this.data = data;
}
}
4、寫service介面
package com.cy.pj.sys.service;
import com.cy.pj.sys.pojo.PageObject;
import com.cy.pj.sys.pojo.SysLog;
public interface SysLogService {
PageObject<SysLog> findPageObject(String username,Integer pageCurrent);
}
5、寫實現service介面的實現類
package com.cy.pj.sys.service.impl;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.cy.pj.sys.dao.SysLogDao;
import com.cy.pj.sys.pojo.PageObject;
import com.cy.pj.sys.pojo.SysLog;
import com.cy.pj.sys.service.SysLogService;
import om.cy.pj.common.exception.ServiceException;
@Service
public class SysLogServiceImpl implements SysLogService {
@Autowired
private SysLogDao sysLogDao;
@Override
public PageObject<SysLog> findPageObject(String username,Integer pageCurrent) {
// 1.驗證引數的合法性
// 1.1驗證pageCurrent的合法性
// 不合法丟擲IllegalArgumentException異常
if (pageCurrent == null || pageCurrent < 1)
throw new IllegalArgumentException("當前也顯示不正確");
// 基於條件查詢總記錄數
// 2.1執行查詢
int rowCount = sysLogDao.getRowCount(username);
// 2.2驗證查詢結果，假如結果為0不在執行如下操作
if (rowCount == 0)
throw new ServiceException("系統登入沒有查到對應的記錄");
// 3.基於條件查詢當前頁記錄(pageSize定義為2)
// 3.1)定義pageSize
int pageSize = 2;
//3.2計算startIndex
int startIndex=(pageCurrent-1)*pageSize;
//3.3執行當前資料的查詢操作
List<SysLog> records = sysLogDao.findPageObjects(username,startIndex,pageSize);
//4.對分頁資訊以及當前頁記錄進行封裝
//4.1 構建PageObject物件
PageObject<SysLog> pageObject = new PageObject<>();
//4.2封裝資料
pageObject.setPageCurrent(pageCurrent);
pageObject.setPageSize(pageSize);
pageObject.setRowCount(rowCount);
pageObject.setRecords(records);
pageObject.setPageCount((rowCount-1)/pageSize+1);
//5.返回封裝結果
return pageObject;
}
}
5.自定義異常
package om.cy.pj.common.exception;
public class ServiceException extends RuntimeException {
public ServiceException() {
super();
}
public ServiceException(String message) {
super(message);
}
public ServiceException(Throwable cause) {
super(cause);
}
}
controller類
package om.cy.pj.common.exception;
public class ServiceException extends RuntimeException {
public ServiceException() {
super();
}
public ServiceException(String message) {
super(message);
}
public ServiceException(Throwable cause) {
super(cause);
}
}
html頁面和js寫的方法
資料顯示頁面的js編寫方法
<div id="pageId" class="box-footer clearfix" dm="100"></div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
<script type="text/javascript">
/* 分頁頁面載入完成，向服務端發起非同步請求 */
$(function() {
$("#pageId").load("doPageUI",function(){
doGetObjects();
});
});
/* 定義非同步請求處理函式， */
function doGetObjects(){
//1.定義url和引數
var url = "doFindPageObjects";
var params={"pageCurrent":1};
//2.發起非同步請求
//請問如下ajax請求的回撥函式引數名可以是任意嗎？//可以,必須符合識別符號的規範
$.getJSON(url,params,function(result){
doHandleQueryResponseResult(result);
});//特殊的ajax函式
}
function doHandleQueryResponseResult(result){
if(result.state==1){//ok
//更新table中tbody內部的資料
doSetTableBodyRows(result.data.records);//將資料呈現在頁面上
/*
//更新頁面page。html分頁資料
*/
doSetPagination(result.data);
}else{
alert(result.message);
}
}
function doSetTableBodyRows(records){
//1.獲取tBody物件，並清除物件
var tBody=$("#tbodyId");
tBody.empty();
//2.迭代records記錄，並將其內容追加到tbody
for(var i in records){
//2.1構建tr物件
var tr=$("<tr></tr>");
//2.2構建tds物件
var tds=doCreateTds(records[i]);
//2.3將tds追加到tr中
tr.append(tds);
//2.4將tr追加tbody中
tBody.append(tr);
}
}
function doCreateTds(data){
var tds="<td><input type='checkbox' class='cBox' name='cItem' value='"+data.id+"'></td>"
+"<td>"+data.username+"</td>"
+"<td>"+data.operation+"</td>"
+"<td>"+data.method+"</td>"
+"<td>"+data.params+"</td>"
+"<td>"+data.ip+"</td>"
+"<td>"+data.time+"</td>";
return tds;
}
</script>
建立上下頁翻頁的按鈕HTML頁 以及js的編寫
<ul class="pagination pagination-sm no-margin pull-right">
<li><a class="first">首頁</a></li>
<li><a class="pre">上一頁</a></li>
<li><a class="next">下一頁</a></li>
<li><a class="last">尾頁</a></li>
<li><a class="rowCount">總記錄數(0)</a></li>
<li><a class="pageCount">總頁數(0)</a></li>
<li><a class="pageCurrent">當前頁(0)</a></li>
</ul>
<script type="text/javascript">
function doSetPagination(page){
console.log("page",page)
//1.初始化資料
$(".rowCount").html("總記錄數("+page.rowCount+")");
$(".pageCount").html("總頁數("+page.pageCount+")");
$(".pageCurrent").html("當前頁("+page.pageCurrent+")");
//2.繫結資料（為後續對此資料的使用提供服務）
$("#pageId").data("pageCurrent",page.pageCurrent);
$("#pageId").data("pageCount",page.pageCount);
}
$(function(){
//事件註冊
$("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage);
})
function doJumpToPage(){
//1.獲取點選物件的clss值
var cls=$(this).prop("class");//Property
//2.基於點選的物件執行pageCurrent值得修改
//2.1獲取pageCurrent， pageCount的當前值
var pageCurrent=$("#pageId").data("pageCurrent");
var pageCount=$("#pageId").data("pageCount");
//2.2修改pageCurrent的值
if(cls=="first"){//首頁
pageCurrent=1;
}else if(cls=="pre"&&pageCurrent>1){//上一頁
pageCurrent--;
}else if(cls=="next"&&pageCurrent<pageCount){//下一頁
pageCurrent++;
}else if(cls=="last"){//最後一頁
pageCurrent=pageCount;
}else{
return;
}
//3.對pageCurrent值進行重新繫結
$("#pageId").data("pageCurrent",pageCurrent);
//4.基於新的pageCurrent的值進行當前頁資料查詢
doGetObjects();
}
function doGetObjects(){
//1.定義url和引數
var url ="doFindPageObjects";
//data是從指定元素上獲取繫結的資料
//資料會在何時進行繫結？（setPagination，doQueryObjects）
var pageCurrent = $("#pageId").data("pageCurrent");
//為什麼要執行如下判斷，然後初始化pageCurrent的值為1
//pageCurrent引數在沒有賦值的情況下，預設初始值應該為1.
if(!pageCurrent)
pageCurrent=1;
var params={"pageCurrent":pageCurrent};
//2.發起非同步請求
//請問如下ajax請求的回撥函式引數名可以是任意的嗎？？可以，必須符合識別符號的規範
$.getJSON(url,function(result){
//請問result是一個字串還是json格式的js物件？ 答：json格式物件
doHandleQueryResponseResult(result);
});
}//特殊的ajax函式
</script>~~~~
總結
到此這篇關於spring Boot查詢資料分頁顯示的文章就介紹到這了,更多相關springBoot查詢資料分頁內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！