springBoot整合thymeleaf(超简单)
Thymeleaf是一款现代的服务器端 Java 模板引擎，可以轻松与SpringMvc、springBoot等web框架进行集成，适用于 Web 和独立环境开发。与jsp、Velocity、FreeMaker功能类似，thymeleaf可以通过thymeleaf标签渲染处理数据用以展示给用户。
目前团队项目基本都是前后端分离模式，但thymeleaf对于行业初学者学习或个人承接项目使用都还是个不错的选择。
前期文章已经介绍springBoot项目的创建过程，此处不再_赘述_。
springBoot整合thymeleaf步骤：
第一步：pom文件引入thymeleaf依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
第二步：properties或yml文件添加配置
#html存放的具体路径，可进行自定义，示例：resources/templates
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.cache=false
spring.thymeleaf.suffix=.html
spring.thymeleaf.servlet.content-type=text/html
第三步：在templates目录下添加html文件，示例：templates/demo/demoHtm.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Demo HTML</title>
</head>
<body>
Hello World!
</body>
</html>
第四步：添加控制器接口
@Controller
public class DemoController {
@RequestMapping("/getDemoHtml")
public String getDemoHtml(){
//此处是需要展示的html在templates下的具体路径
return "demo/demoHtm";
}
}
PS：此处需要注意return的路径写法，最前面是没有斜线(/)的，不然可能会出现本地运行正常，但部署到Linux出现404无法访问的情况。
第五步：浏览器请求测试
到此，springBoot整合thymeleaf的过程就算结束了。
展示后端数据库数据，常用的基本有两种方式：
1.在控制器代码中增加返回数据、html文件使用thymeleaf标签展示即可。
2.上述步骤结构不变，html使用jquery调取API数据接口获取数据后通过jquery语法赋值(此种方式不必使用thymeleaf标签)。
以第一种方式为例：
后端修改后：
@Controller
public class DemoController {
@RequestMapping("/getDemoHtml")
//返回数据有多种方式，以下只是其中一种
public String getDemoHtml(Model model){
HashMap<String,Object> reMap=new HashMap<>();
reMap.put("userName", "张三");
reMap.put("userAge", 20);
model.addAllAttributes(reMap);
return "demo/demoHtm";
}
}
前端修改后：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Demo HTML</title>
</head>
<body>
<span th:text="${userName}"></span>
<span th:text="${userAge}"></span>
</body>
</html>
浏览器请求测试：
超详细的springBoot前后端完整案例：
以上，喜欢请点个赞吧~
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
1
0- 0
已为社区贡献4条内容
所有评论(0)