新建一个html文件引入静态资源,创建模板页面并引入静态资源文件

创建模板页面并引入静态资源文件

​

在“classpath:/templates/”目录下引入一个用户登录的模板页面login.html

xmlns:th="http://www.thymeleaf.org">

用户登录界面

rel="stylesheet">

rel="stylesheet">

th:src="@{/login/img/login.jpg}" width="72"

height="72">

请登录

th:placeholder="用户名"

required="" autofocus="">

th:placeholder="密码"

required="">

记住我

type="submit" >登录

©

th:text="${currentYear}">2019

- 2020

通过“xmlns:th="http://www.thymeleaf.org"”引入了Thymeleaf模板标签；

使用“th:href”和“th:src”分别引入了两个外联的样式文件和一个图片；

使用“th:text”引入了后台动态传递过来的当前年份currentYear

5．效果测试

alt="image-20200103103127625" style="zoom:67%;" />

​

可以看出，登录页面login.html显示正常，在文件4-3中使用“th:*”相关属性引入的静态文件生效，并且在页面底部动态显示了当前日期2019-2020，而不是文件中的静态数字2019-2020。这进一步说明了Spring Boot与Thymeleaf整合成功，完成了静态资源的引入和动态数据的显示

这些内容，是从拉勾教育的《Java工程师高薪训练营》里学到的，课程内容非常全面，还有拉勾的内推大厂服务，推荐你也看看。