SpringBoot --thymeleaf简单实例

最新推荐文章于 2024-03-05 22:06:22 发布

小白的码BUG之路

最新推荐文章于 2024-03-05 22:06:22 发布

阅读量259

点赞数 1

分类专栏： SpringBoot 文章标签： spring boot java thymeleaf

本文链接：https://blog.csdn.net/DGH2430284817/article/details/120548012

版权

SpringBoot 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

背景：

这个demo主要是跟随B站的SpringBoot教学视频进行编写的，大致相同，小部分个人添加，详细内容可参考B站视频：尚硅谷SpringBoot顶尖教程(springboot之idea版spring boot)_哔哩哔哩_bilibili

操作：

先创建一个简单的SpringBoot项目：

可参考：SpringBoot -- idea创建简单的helloWorld项目_DGH2430284817的博客-CSDN博客

pom.xml引入thymeleaf依赖包

    <properties>
        <java.version>1.8</java.version>
        <thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>
        <!-- 布局功能的支持程序  thymeleaf3主程序  layout2以上版本 -->
        <!-- thymeleaf2   layout1-->
        <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
    </properties>

        <!--引入thymeleaf-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

创建简单的控制器类（快速开发）：

@Controller
public class HelloController {
 
    @RequestMapping("/success")
    public  String success(Map<String , Object> map){
        map.put("name","diaoGH");

        return "success";
    }
}

创建html文件，放到资源目录下的templates文件夹下（没有就新建）

thymeleaf默认的资源目录为classpath:/templates/

可以从项目依赖包中搜索ThymeleafAutoConfiguration ， ThymeleafProperties查看对应配置

创建success.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <span>MyName:</span> <div th:text="${name}"></div>

</body>
</html>

运行项目：

输入地址：http://127.0.0.1:8080/success

效果：

参考代码（码云）：

springboot-web-restfulcrud: 简单的springboot项目，简单前段和restful风格的crud

小白的码BUG之路

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot --thymeleaf简单实例

背景：这个demo主要是跟随B站的SpringBoot教学视频进行编写的，大致相同，小部分个人添加，详细内容可参考B站视频：尚硅谷SpringBoot顶尖教程(springboot之idea版spring boot)_哔哩哔哩_bilibili操作：先创建一个简单的SpringBoot项目：可参考：SpringBoot -- idea创建简单的helloWorld项目_DGH2430284817的博客-CSDN博客 pom.x...
复制链接

扫一扫