java freemarker 分页_10小时入门java开发04 springboot+freemarker+bootstrap快速实现分页功能...

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

准备工作

还是老规矩，看效果图

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

1，表格数据的展示

2，分页效果的实现

3，上一页和下一页的实现

4，当前选中页码加重颜色

下面来看实现步骤

一，定义表格和分页组件

简单说说代码

head里面是引入bootstrap的样式库

table定义表格来展示数据

ul里定义分页

代码如下：

freemarker+bootstrap学习

href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">

id姓名微信操作

${productInfo.id}${productInfo.name}${productInfo.wechat}

下架

上架