欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

springboot中Thymeleaf模板的使用

程序员文章站 2022-03-11 18:31:58
...

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>
相关标签: 技术点