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

准备工作

• 1，项目要引入freemarker和bootstrap，如果不知道怎么引入的，请查看

背景

虽然当前前端大行其道，各种框架层出不穷，随之而来的是学习成本的提升，有些时候甚至是为了学习而学习，可能自己并不会用得到，加重了自己的心理负担，特别是对后端程序员来说，并不是所有人都能够跟得上前端的脚步，因此，今天分享一个免费的前端后台管理模板——Gentelella Admin，这在Github上也斩获了17+star，可见还是有很多人需要的。

断断续续，把流水统计模块做完了，今天正好上线了，主要供内部使用^^

回头一想，虽然只是一个小功能，但是涉及到的部门和技术还不少呢。

• 和源库源表所在的组了解数据接口

• 找架构组，完成配置实现数据分表映射单表全量同步，以及增量同步

Wetech-Admin 是基于 Spring Boot 2.0 + Mybatis 的轻量级后台管理系统，适用于中小型项目的管理后台，支持按钮级别的权限控制，系统具有最基本的用户管理、角色管理、资源管理、组织机构管理、系统日志、代码生成器等通用性功能，企业或个人可直接在此基础上进行开发，扩展，添加各自的需求和业务功能！

利用bootstrap框架制作网站后台管理界面包括两个部分，一部分是响应式导航，包括左边侧边栏，主要包括输入框组（input-group）；另一部分是右边内容部分，包括面包屑导航（breadcrumb），面板组件（panel）、表格（table）、分页（Page）组件等。其中表格使用了条纹类（table-striped），鼠标悬停类（table-hover）。

Tables标准结构

<table> 用以包装表格化的数据

<thead> 容纳表格标题行 ，含<tr>以标识表格列

<tbody> 数据体，容纳表格行 <tr>

<th> 用于列头的特殊标签，必须置于 <thead> 标签内