layui的两种分页:laypage的div分页和table表格分页

layui的两种分页:laypage的div分页和table表格分页

  • 我用的是springboot+mybatis
    • 1、pom.xml中引入依赖
    • 2、controller层
    • 3、xml
    • HTML页面(table表格分页)
    • HTML页面(table表格分页)效果图
    • HTML页面(laypage的div分页)
    • HTML页面(laypage的div分页)效果图

我用的是springboot+mybatis

1、pom.xml中引入依赖


		
			com.github.pagehelper
			pagehelper
			5.1.8
		

2、controller层

/**
	 *  条件查询/分页
	 * @param pageNum
	 * @param pageSize
	 * @param newsTitle
	 * @param newsAuthor
	 * @return
	 */
	@RequestMapping("/queryAll")
	public String query(Integer pageNum, Integer pageSize, String newsTitle, String newsAuthor) {
		pageNum = (pageNum - 1) * pageSize;
		PageHelper.startPage(pageNum, pageSize);
		List newsInfo = newsInfoService.query(pageNum, pageSize, newsTitle, newsAuthor);
		PageInfo newsPage = new PageInfo(newsInfo);
		Integer count = newsInfoService.count();
		JSONObject json = new JSONObject();
		json.put("data", newsPage.getList());
		json.put("count", count);
		json.put("status", 200);
		return json.toString();
	}

3、xml


  
  
  

order by news_modtime desc limit #{pageNum},#{pageSize} 这里我是根据新闻的修改时间排序

HTML页面(table表格分页)












前端我用的是thymeleaf,你们可根据自己方法修改路径;这里我只放出了分页查询功能,增删改的代码可忽略。

HTML页面(table表格分页)效果图

layui的两种分页:laypage的div分页和table表格分页_第1张图片

HTML页面(laypage的div分页)


					

queryAll(1,2);从第一页开始,每页2条数据

HTML页面(laypage的div分页)效果图

layui的两种分页:laypage的div分页和table表格分页_第2张图片

你可能感兴趣的:(java,layui分页,layui分页(spring,boot+mybatis))