springboot中Thymeleaf模板的使用

最新推荐文章于 2020-07-30 15:08:27 发布

zc96173

最新推荐文章于 2020-07-30 15:08:27 发布

阅读量85

点赞数

分类专栏：技术点

本文链接：https://blog.csdn.net/zc96173/article/details/103723731

版权

技术点专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1常见模板引擎

JSP、Velocity、Freemarker、Thymeleaf

1.1导包：

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

1.2在资源文件中创建templates

templates

<!--xmlns:th="http://www.thymeleaf.org  thymeleaf的命名空间-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--webjars模板技术中引入js-->
    <script src="/webjars/jquery/3.4.1/jquery.js"></script>
    <script>
        alert($);
    </script>
</head>
<body>
<!--
    th:text；改变当前元素里面的文本内容；编译后的结果放到div标签中
th：任意html属性；来替换原生属性的值

-->
<div th:text="'你好啊！'+${username}">这是显示欢迎信息</div>
</body>
</html>

控制层

//thymeleaf 模板技术   导入相应的包，配置类会自动的创建视图解析器  @SpringBootApplicatio
    @RequestMapping("/index")
    public String index(Model model){
        model.addAttribute("username","李星河" );
        return "index";
    }

1.3在模板中引用jquery

导包

		<dependency>
          <groupId>org.webjars</groupId>
          <artifactId>jquery</artifactId>
          <version>3.4.1</version>
      </dependency>

引用

<script src="/webjars/jquery/3.4.1/jquery.js"></script>

zc96173

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
springboot中Thymeleaf模板的使用

1常见模板引擎JSP、Velocity、Freemarker、Thymeleaf1.1导包： <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> ...
复制链接

扫一扫