SpringBoot22-在html引入thymeleaf提示并使用

 时间:2024-10-16 23:59:07

1、查看themeleaf的文档,查看这个使用thymeleaf的示例,可以看到在html标签内有一个【xmlns:th】这样的属性,如下图:

SpringBoot22-在html引入thymeleaf提示并使用

2、将实例中【xmlns:th】属性添加到我们的项目html文件中,然后在这个html文件中,我们就可以使用thymeleaf的自动提示功能了,如下图:

SpringBoot22-在html引入thymeleaf提示并使用

3、在自己的controller中放入一个map值,然后使用thymeleaf在前端获取,如下图:

SpringBoot22-在html引入thymeleaf提示并使用

4、在html文件中在标签中使用【th:text】属性获取后端的值通过【${}】方式获取后端的值,如下图:

SpringBoot22-在html引入thymeleaf提示并使用

5、启动springboot项目,在浏览器中输入地址,可以看到前端成功获取后端的值,如下图:

SpringBoot22-在html引入thymeleaf提示并使用

6、然后这里我们再做一个实验,在html文件传值的标签中添加一段文字,如下图:

SpringBoot22-在html引入thymeleaf提示并使用

7、然后找到这个html文件,如下图:

SpringBoot22-在html引入thymeleaf提示并使用

8、在浏览器中打开html文件,这种直接打开的方式是不经过thymeleaf渲染的,可以看到这里显示的是在标签中的文字,如下图:

SpringBoot22-在html引入thymeleaf提示并使用

9、使用浏览器方式访问这个html,是通过thymeleaf渲染之后的html,可以看到这里显示的后瞿搋村乇端传过来的值,而标签里面的值并没有显示出来,所以这里可以看到th烤恤鹇灭ymeleaf渲染的话会替换标签中的内容,如下图:

SpringBoot22-在html引入thymeleaf提示并使用
  • 模拟人生怎么为一株植物浇水?
  • 怎么创建任天堂账号
  • 怪物猎人冰原怎么打mod?
  • 最新怪物猎人:世界闪退解决方法
  • 杀手6如何找到圣诞老人?
  • 热门搜索
    我可以 京润珍珠粉怎么样 微波炉可以当烤箱用吗 摩托车可以上高速吗 保鲜膜可以加热吗 怎么查看本机ip地址 鹅口疮反复发作怎么办 旅游网站排名 邓丽君 你怎么说 孕妇可以吃无花果