使用thymeleaf将查询的数据显示在前台。通过使用循环的形式

简介: 这篇文章介绍了如何使用Thymeleaf的`th:each`属性在前端页面上循环显示从后端传递过来的列表数据,并通过具体的HTML表格示例展示了如何展示书籍名称、作者、价格、出版社以及操作链接。

1、需要注意的点。
<tr th:each="book:${bookList}">中。book是自己命令的变量。${bookList}是将查询的数据放入这里,需要后代指定 model.addAttribute("bookList",list);

```






书籍名称
书籍作者
书籍价格
书籍出版社
操作





书名
作者

出版社
详情



    </div>
</div>
相关文章
|
3月前
|
开发框架 缓存 前端开发
基于SqlSugar的开发框架循序渐进介绍(21)-- 在工作流列表页面中增加一些转义信息的输出,在后端进行内容转换
基于SqlSugar的开发框架循序渐进介绍(21)-- 在工作流列表页面中增加一些转义信息的输出,在后端进行内容转换
|
4月前
|
Java 数据库连接 应用服务中间件
表单数据返回不到,HTTP状态 404 - 未找未找到,解决方法,针对这个问题,写一篇文章,理一下思路,仔细与原项目比对,犯错的原因是Mapper层的select查询表单数据写错,注意打开的路径对不对
表单数据返回不到,HTTP状态 404 - 未找未找到,解决方法,针对这个问题,写一篇文章,理一下思路,仔细与原项目比对,犯错的原因是Mapper层的select查询表单数据写错,注意打开的路径对不对
|
4月前
|
前端开发
Element UI 表格常用改造(表头添加注释、翻页连续序号【内含前端分页】)
Element UI 表格常用改造(表头添加注释、翻页连续序号【内含前端分页】)
193 0
|
前端开发
后台添加菜单信息如何在前端循环遍历?
后台添加菜单信息如何在前端循环遍历?
42 0
|
JSON 前端开发 数据格式
前端(二十一):label语句、with语句、JSON、生成器、解析赋值、历史状态管理、将页面可编辑
label语句、with语句、JSON、生成器、解析赋值、历史状态管理、将页面可编辑
154 0
|
前端开发
后端一次性返回所有的数据,让前端截取展示做分页
后端一次性返回所有的数据,让前端截取展示做分页
314 0
|
数据格式
knife4j中响应参数实现嵌套展示
后端接口现在使用的是knife4j,会遇到返回参数中嵌套显示的需求,但是会出现参数显示不全的问题,处理的办法是响应参数使用泛型处理,下面结合具体的场景说一下如何处理不显示问题.
knife4j中响应参数实现嵌套展示
|
运维 前端开发 安全
问题记录:前后端交互无返回,后台服务正常
业务产线反馈商户入住提示服务连接失败,然后要到客户的账号密码,进入系统发现服务确实连接失败, 打开network查看请求的响应,发现请求石沉大海,根本没有到达服务器。
239 0
|
JSON Java 数据格式
Controller层返回页面的时候返回的是字符串不是jsp页面的解决办法【细节坑】
Controller层返回页面的时候返回的是字符串不是jsp页面的解决办法【细节坑】
Controller层返回页面的时候返回的是字符串不是jsp页面的解决办法【细节坑】
|
数据处理
编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理
编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理 记录自己学习做的东西,写的小demo,希望对大家也有帮助!
310 0