长春网站建设/seo人员工作内容

---

实现分页有两个基本思想：

1. 后台加载全部数据，在前台进行分割
2. 后天获取前台当前需要显示的数据

---

我采用的是第一个，加载完成所有的数据，利用pagehelper插件显示

---

• 配置

pom.xml添加依赖

<!--分页依赖-->
<dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper</artifactId><version>4.0.0</version>
</dependency>

程序入口Application

//配置mybatis的分页插件pageHelper
@Bean
public PageHelper pageHelper() {PageHelper pageHelper = new PageHelper();Properties properties = new Properties();properties.setProperty("offsetAsPageNum", "true");properties.setProperty("rowBoundsWithCount", "true");properties.setProperty("reasonable", "true");properties.setProperty("dialect", "mysql");    //配置mysql数据库的方言pageHelper.setProperties(properties);return pageHelper;
}

　　

---

• controller层

1. 获取数据

List<HeBeiZbgg> hebeiZbggs = accountService.getHebeiZbgg();

2. 设置pagestart

PageHelper.startPage(pageCode, pageSize);

3. 加载pageInfo即显示的列表

PageInfo<HeBeiZbgg> pageData = new PageInfo<>(hebeiZbggs);

4. 将pageInfo对象传给前台

model.addAttribute("pageData", pageData);

---

• HTML层 利用封装好的插件 需要完成以下几步来实现与自己程序的对接

1. 将当前页，总页数，页面大小，总记录数赋值即按照自己选的的样式中需要的属性值自己通过js赋值
2. 添加跳转，连接后台

所以在这里总结pageInfo的属性：

 //当前页private int pageNum;//每页的数量private int pageSize;//当前页的数量private int size;//由于startRow和endRow不常用，这里说个具体的用法//可以在页面中"显示startRow到endRow 共size条数据"//当前页面第一个元素在数据库中的行号private int startRow;//当前页面最后一个元素在数据库中的行号private int endRow;//总记录数private long total;//总页数private int pages;//结果集(每页显示的数据)private List<T> list;//第一页private int firstPage;//前一页private int prePage;//是否为第一页private boolean isFirstPage = false;//是否为最后一页private boolean isLastPage = false;//是否有前一页private boolean hasPreviousPage = false;//是否有下一页private boolean hasNextPage = false;//导航页码数private int navigatePages;//所有导航页号private int[] navigatepageNums;

　　

HTML层代码总体展示：

<script th:inline="javascript">layui.use(['laypage', 'layer'], function(){var laypage = layui.laypage,layer = layui.layer;//完整功能laypage.render({elem: 'demo7',pages:[[${pageData.pages}]]//总共页数,curr:[[${pageData.pageNum}]]//当前页,count:[[${pageData.total}]]//总记录数,limit:[[${pageData.pageSize}]]//列表大小,limits:[6,10,20],layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],jump: function(obj,first){/*console.log(obj.page);console.log(obj.limit);//首次不执行if(!first){//do something}*/if(!first){//do somethingwindow.location.href = "/gg?pageCode=" + obj.curr + "&pageSize=" + obj.limit;//跳转链接}}});});</script>

　　

---

• 跳转解读：如果不是第一次加载，则跳转，跳转时传递的参数为当前页及页面大小
• 后台获取传递的参数以及设置默认值，本实例当前页设置为1，页面大小为6

所以controller层代码如下：

public String login_gg(@RequestParam(value = "pageCode", defaultValue = "1") Integer pageCode, @RequestParam(value = "pageSize", defaultValue = "6") Integer pageSize, Model model, HttpSession session) throws UnsupportedEncodingException {System.out.println("================login_gg===================");//session.setAttribute("","");//用户名字//request.getSession().setAttribute("accountName", account.getUsername());model.addAttribute("accountName", account.getUsername());//当前页和页面大小PageHelper.startPage(pageCode, pageSize);//河北招标公告List<HeBeiZbgg> hebeiZbggs = accountService.getHebeiZbgg();//加载数据PageInfo<HeBeiZbgg> pageData = new PageInfo<>(hebeiZbggs);//传给前台model.addAttribute("pageData", pageData);return "gg";
}

　　

---

最大的坑！！！！！pageInfo对象为null

注意要在controller层中将设置startPage放到查询数据的前面！！！！即

public String login_gg(@RequestParam(value = "pageCode", defaultValue = "1") Integer pageCode, @RequestParam(value = "pageSize", defaultValue = "6") Integer pageSize, Model model, HttpSession session) throws UnsupportedEncodingException {System.out.println("================login_gg===================");//session.setAttribute("","");//用户名字//request.getSession().setAttribute("accountName", account.getUsername());model.addAttribute("accountName", account.getUsername());
    //当前页和页面大小PageHelper.startPage(pageCode, pageSize);//河北招标公告List<HeBeiZbgg> hebeiZbggs = accountService.getHebeiZbgg();//加载数据PageInfo<HeBeiZbgg> pageData = new PageInfo<>(hebeiZbggs);//传给前台model.addAttribute("pageData", pageData);return "gg";
}