Thymeleaf在后台获取数据在前台显示

Thymeleaf在后台获取数据在前台显示以及 JavaScript根据获取的数据进行分页初始化

后台也设计了分页

后台分页:

通过pagehelper插件实现后台数据库分页在2019.3.19中有具体描述

Pagehelper先正常的通过mybatis的mapper设置查询所有设置的sql语句与方法

然后通过配置

Thymeleaf在后台获取数据在前台显示_第1张图片

设置在mysql查询时自动使用pagehelper拦截器

然后通过使用这种方式来调用代码使用PageHelper

Thymeleaf在后台获取数据在前台显示_第2张图片

Thymeleaf在后台获取数据在前台显示_第3张图片

只要你可以保证在 PageHelper 方法调用后紧跟 MyBatis 查询方法,这就是安全的。

 

通过分页从数据库获得一定的数据之后放入hashmap

Map, Object> data = new HashMap<>();

Map data = new HashMap<>();

Thymeleaf在后台获取数据在前台显示_第4张图片

 

前端对于分页的应用:

在js中先初始化以及对于分页跳转的动态设置

Thymeleaf在后台获取数据在前台显示_第5张图片

 

在每个html页面中都有JavaScript的初始化这其实是在一开始的加载页面中通过js与后台进行交互获取一定的数据再生成前台界面(mvc)

在前台生成页面时通过spring搭配thymeleaf在前台显示从数据库中取到的值

例如:

 

th:if="${current_account == null}"

 

这是一条选择语句具体看thymeleaf的描述

其中current_account就是从model中直接选择获取的值

Model是springboot中保存数据的东西

在后台把需要的数值塞入model

在前台通过thymeleaf获取显示

文本替换

在前台通过thymeleaf的each循环将多项数据显示在前台

 

迭代对象可以是java.util.List,有:

    index:当前迭代对象的index(从0开始计算)

    count: 当前迭代对象的ind

    current:当前迭代变量

    even/odd:布尔值,当前循环是否是最后一个

 

你可能感兴趣的:(java,springboot,pagehelper,Mybatis)