后端采用SpirngMVC和Mybatis進(jìn)行數(shù)據(jù)處理。

創(chuàng)建Dao接口

List selectPageInfoByDel(@Param("start") int start); //獲取頁面數(shù)據(jù)
int countNumber(); //記錄總的條數(shù)

編寫Mapper.xml

這里主要用到了mysql的limit，limit從下標(biāo)0開始，limit0,8表示的是從下標(biāo)0開始，查詢8條數(shù)據(jù)。

  select id,c_id,job,number,salary,more_salary,date from jobinfo where is_del = 1 order by id DESC limit #{start,jdbcType=INTEGER},8


  select count(*) from jobinfo where is_del =1

創(chuàng)建一個(gè)Page的pojo類

public class Page implements Serializable {
 private static final long serialVersionUID = 337297181251071639L;
 private Integer page;//當(dāng)前頁
 private Integer rows;//頁大小
 private Integer totalRecord;// 總記錄數(shù)
 private Integer firstPage; //首頁
 private Integer endPage; //末頁 
 private List list;//頁面數(shù)據(jù)列表
 //這里省略的get和set的方法
}

創(chuàng)建Service接口

//查看分頁的信息
public List selectPageInfo(int page);
//查看所有信息的總數(shù)
int getCount();

創(chuàng)建Service的實(shí)現(xiàn)類impl

//這里省略了Dao的實(shí)例化，只顯示service接口的實(shí)現(xiàn)方法
public List selectPageInfo(int page) {
 int rows = 8; //一頁顯示8條數(shù)據(jù)
 int start = page*rows; //這里表示數(shù)據(jù)庫從第幾條數(shù)據(jù)開始查詢（limit從下標(biāo)0開始）
 return jobDao.selectPageInfoByDel(start);
}
public int getCount() {
 return jobDao.countNumber();
}

編寫Controller

@RequestMapping("page")
public @ResponseBody Page selectPageInfo(HttpServletRequest request, Model model,@RequestParam("start") int start){
  List list= jobinfoService.selectPageInfo(start);
 Page pageInfo = new Page();
 int count = jobinfoService.getCount(); //獲取總數(shù)
 int endPage = 0;
 //8條數(shù)據(jù)為一頁
 if(jobinfoService.getCount()%8==0){
  endPage = jobinfoService.getCount()/8;
 }else{
  endPage = jobinfoService.getCount()/8 +1 ;
 } 
 pageInfo.setPage(start+1);
 pageInfo.setTotalRecord(count);
 pageInfo.setList(list);
 pageInfo.setRows(8);
 pageInfo.setFirstPage(1);
 pageInfo.setEndPage(endPage);
 return pageInfo;
}

運(yùn)行結(jié)果

事實(shí)上，整體功能的實(shí)現(xiàn)在頁面與后臺用ajax傳遞數(shù)據(jù)那一塊花費(fèi)了一下時(shí)間，因?yàn)榈谝淮谓佑|到layui，也漸漸感受到了layui與傳統(tǒng)ajax數(shù)據(jù)傳遞的不同，layui對方法進(jìn)行了封裝，因此用ajax傳數(shù)據(jù)的時(shí)候也需依于框架進(jìn)行。

看完了這篇文章，相信你對“在SSM框架下如何使用laypage和ajax實(shí)現(xiàn)分頁和數(shù)據(jù)交互的方法”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！