完成数据的页面展示

完成数据的页面展示

1. 创建Spring Boot项目,引入Thymeleaf依赖

2. 编写配置文件

​ 打开application.properties全局配置文件,在该文件中对Thymeleaf模板页面的数据缓存进行设置

properties

# thymeleaf页面缓存设置(默认为true),开发中方便调试应设置为false,上线稳定后应保持默认true

spring.thymeleaf.cache=false

使用“spring.thymeleaf.cache=false”将Thymeleaf默认开启的缓存设置为了false,用来关闭模板页面缓存

3. 创建web控制类

​ 在项目中创建名为com.lagou.controller的包,并在该包下创建一个用于前端模板页面动态数据替换效果测试的访问实体类LoginController

```java

@Controller

public class LoginController {

/**

* 获取并封装当前年份跳转到登录页login.html

*/

@RequestMapping("/toLoginPage")

public String toLoginPage(Model model){

model.addAttribute(“currentYear”, Calendar.getInstance().get(Calendar.YEAR));

return “login”;

}

```

toLoginPage()方法用于向登录页面login.html跳转,同时携带了当前年份信息currentYear。

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

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

```html

请登录

<input type=“text” class=“form-control”

th:placeholder=“用户名” required="" autofocus="">

<input type=“password” class=“form-control”

th:placeholder=“密码” required="">

记住我

登录

© 2019-2020

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

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

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

5.效果测试

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

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

————————————————

版权声明:本文为CSDN博主「勾勾123456」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin_48381232/article/details/106569575

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容