Thymeleaf:有关于thyme leaf模板的介绍

码海兴辰

已于 2022-09-04 17:27:09 修改

阅读量1.1w

点赞数 2

分类专栏： HTML5 文章标签： thyemeleaf

于 2018-06-29 10:41:50 首次发布

本文链接：https://blog.csdn.net/lrxmrlirixing/article/details/80853203

版权

HTML5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在我们的日常开发中，总是要显示数据到页面，本人以前做的老项目的基本上都是Jsp,用Jsp的话，

后台和前端的交互代码繁琐，容易搞混，本人推荐thymeleaf模板进行前后端的分离，显示数据到页面

下面为大家写一个案例，让大家更好的认识thymeleaf,希望对初学者有所帮助。

1.首先我们看看application-dev.properties的配置

thymeleaf的模板配置

# thymeleaf模板配置 spring.thymeleaf.prefix= classpath:/templates/ spring.thymeleaf.suffix= .html spring.thymeleaf.mode= HTML5 spring.thymeleaf.encoding= UTF-8 spring.thymeleaf.cache= false spring.resources.chain.strategy.content.enabled= true spring.resources.chain.strategy.content.paths= /**

配置数据的thyme leaf模板，后缀名，html5的格式，字符编码格式

2.我写一个thymeleaf的controller案例给大家看看

//获取school的值
@RequestMapping("/school")
public  ModelAndView school(){
    ModelAndView mv=new ModelAndView();
    mv.addObject("school",schoolService.findAll());
    mv.setViewName("/school");
    return mv;
}

以这个显示school里面的数据为一个案例

3.我们看看这个school.html的显示数据的html5的代码

<!DOCTYPE HTML> < html xmlns= "http://www.w3.org/1999/xhtml" xmlns: th = "http://www.thymeleaf.org"> < head> < title>Hello,thymeleaf!</ title> < meta http-equiv= "Content-Type" content= "text/html; charset=UTF-8"/> </ head> < body> < p th :text= " ${school}"></ p>< br/> </ body> </ html>

在这里我就简单的让大家更明白一点

4.输入路径进行访问页面，展示数据到页面