bootstrap table 分页_springboot+freemarker+bootstrap快速实现分页功能(含java源码)

本节是建立在上节的基础上，上一节给大家讲了管理后台表格如何展示数据，但是当我们的数据比较多的时候我们就需要做分页处理了。这一节给大家讲解如何实现表格数据的分页显示。

准备工作

• 1，项目要引入freemarker和bootstrap，如果不知道怎么引入的，请查看
• 《springboot+freemarker+bootstrap快速实现管理后台》

还是老规矩，先看效果图

可以看出我们实现了如下功能

• 1，表格数据的展示
• 2，分页效果的实现
• 3，上一页和下一页的实现
• 4，当前选中页码加重颜色

下面来看实现步骤

一，定义表格和分页组件

简单说说代码

• head里面是引入bootstrap的样式库
• table定义表格来展示数据
• ul里定义分页
• 代码如下：

 freemarker+bootstrap学习

id 姓名 微信 操作 ${productInfo.id} ${productInfo.name} ${productInfo.wechat} 下架 上架 #if> #list>

上一页 上一页 #if> ${index} ${index} #if> #list> 下一页 下一页 #if>

二，定义好页面后，我们就来获取数据

同样这里的数据我们先用模拟数据，后面会用数据库里的数据。

看下面代码可以看出来，我们模拟了6条数据，然后每页显示2条数据。

package com.qcl.demo.controller;import com.qcl.demo.bean.Demo;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.RequestParam;import org.springframework.web.bind.annotation.RestController;import org.springframework.web.servlet.ModelAndView;import java.util.ArrayList;import java.util.List;import java.util.Map;/** * Created by qcl on 2019-04-29 * desc:freemarker学习 */@RestControllerpublic class DemoController { /* * 分页效果的实现 * */ @GetMapping("/pageList") public ModelAndView list(@RequestParam(value = "page