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

后台也设计了分页

后台分页:

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

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

然后通过配置

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

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

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

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

Map,Object> data =newHashMap<>();

Mapdata = new HashMap<>();

前端对于分页的应用:

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

在每个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前台显示后台数据_Thymeleaf在后台获取数据在前台显示相关推荐

  1. 百度LBS服务我们自己上传数据,我们客户端获取数据然后进行小黄车和膜拜单车定位描点等骚操作

    一,演示和需求的SDK和ak等配置最近我们一个项目需要自己android端上传数据到百度LBS服务,然后获取数据并显示.搞了2天完成了.其实很简单的哦!我们一步步来,今天的活我一小时搞定,一天写博客, ...

  2. list vue 添加数据方法_vue ajax获取数据填充列表,增加,删除

    Document 添加品牌 Name: IdNameCtimeOperation {{item.id}}{{item.name}}{{item.ctime}} 删除 // 如果我们通过全局配置了,请求 ...

  3. Silverlight实用窍门系列:66.Silverlight的数据模板DataTemplate(二)获取数据模板控件...

    在Silverlight中我们使用了数据模板,在很多时候也需要获取到数据模板上的控件,并且进行改变.本文使用的实例数据源和上节相同,如需了解请下载源码查看. 当然在这里我们可以分为获取数据模板原始控件 ...

  4. php中获取数据表数据,从表中获取数据到PHP

    我有一张桌子,我在其中使用j-query动态添加行 我想从每个字段中获取数据到我的php中,并在按下提交时对其进行处理,或者我们可以使用j-query遍历表以获取所有值并将其放入数组中,我不知道如何要 ...

  5. java推送数据给安卓,java – 如何从Firebase推送通知中获取数据并将其显示在Android Activity中?...

    对不起这个noob问题,我是 android开发的新手.我目前正在开发一个项目,需要向安装了我的应用程序的 Android设备发送推送通知.我已经按照firebase的快速入门教程完成了这项工作,并在 ...

  6. ajax 限制显示条数,jquery通过ajax获取数据,控制显示的数据条数

    无标题文档 body { margin:0;} table { border:1px solid #ccc;} td,th { height:26px; font-family:"微软雅黑& ...

  7. fs.readfile 显示html,javascript – 从fs.readFile获取数据

    要详细说明@Raynos说,你定义的函数是异步回调.它不会立即执行,而是在文件加载完成时执行.当调用readFile时,将立即返回控制并执行下一行代码.因此,当您调用console.log时,您的回调 ...

  8. 如何在HHDI中进行数据质量探查并获取数据剖析报告

    通过执行多种数据剖析规则,对目标表(或一段SQL语句)进行数据质量探查,从而得到其数据质量情况.目前支持以下几种数据剖析类型,分别是:数字值分析.值匹配检查.字符值分析.日期值分析.布尔值分析.重复值 ...

  9. hbase操作,创建命名空间,创建hbase表,添加数据,删除数据,通过RowKey获取数据,扫描数据,获取所有的表,获取ColumnFamily,删除表,获取hbase命名空间

    1.创建hbase工程 2 编写config.properties # hbase信息 hbase.zookeeper.quorum=xxx.xxx.xxx.xxx,xxx.xxx.xxx.xxx,x ...

  10. java get post 注解,GET/POST接收或发送数据的问题

    在文章开始,先来回忆一下GET.POST这两种请求方式的区别. ❈ Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE.URL全称是资源描述符,我们 ...

最新文章

  1. 安装VCenter提示数据库排序规则有问题
  2. InstallShield 2011新功能试用(3)- Script Editor Intellisense
  3. 沫沫金:联想E431 1K6安装Windows系统100%成功技巧
  4. ASP.NET Core 查看应用状态和统计
  5. pdo mysql_PDO MySQL
  6. gacutil不是内部或外部命令_Win7命令提示符输入taskkill提示不是内部或外部命令...
  7. linux自带mysql启动不_Linux系统自带的MySQL 数据库启动问题
  8. c ++ 打印二进制_C / C ++中的二进制搜索树
  9. php面试专题---1、php中变量存储及引用的原理
  10. pdf批量转换为图片
  11. CSS属性之relative
  12. BBR 遭遇 CUBIC
  13. 福特汉姆计算机专业,福特汉姆大学计算机如何
  14. flowchart流程图
  15. 程序员的进化,Python程序员是最大的亮点
  16. 如何将excel里的数据导入到mysql中
  17. IOS 后台运行 播放音乐
  18. 台达PLC出现故障该怎么进行远程维护和程序上下载?
  19. 基于Simulink的雷达系统射频前端建模仿真(附源码)
  20. 华为云EAI应用(1)定制语言合成

热门文章

  1. 电脑开机加速,一下子就提升了20几秒
  2. Python.密码本生成
  3. windows10流媒体服务器文件查看,win10的流媒体怎样启用?Win10启用流媒体的方法
  4. 安装win7系统时出现蓝屏0000007e解决方案
  5. Lowe‘s EDI 855 采购订单确认报文详解
  6. 图标搜索引擎:Findicons
  7. 歌声合成理论教程(1)
  8. Redis总结笔记(总结自Redis开发与运维)
  9. 2(1) maximum number in a unimodal array
  10. 2021-11-10全球货币市场基础知识系列3