thymeleaf模板介绍

作者:LoveEmperor-王子様

thymeleaf模板介绍

附所关联的Java代码

  • 简介
  • 基本使用
  • 知识重点
  • 代码示例
  • 总结

简介

  • 本文主要是对thymeleaf模板介绍,归纳一些常用知识点

基本使用

  • spring boot后端

    • Gradle方式,在build.gradle 里面的dependency加入以下配置:
      compile "org.springframework.boot:spring-boot-starter-thymeleaf"

    • maven加配置在pom.xml中

     <dependency>
        <groupId>org.springframework.bootgroupId>
        <artifactId>spring-boot-starter-thymeleafartifactId>
     dependency>    
    
    • 给Model.addAttribut赋值
      @RequestMapping("/user")  
      public String user(Model model){  
        User user = new User("nick","[email protected]");
        model.addAttribute("user", user);
        model.addAttribute("name", "elaine")return "user";  
        }
    
  • 前端接收处理

    • html接收处理:

      1.给html加入:
      2.用th:text来接收值,${xx}绑定yuans

      <p th:text="'Hello, ' + ${name} + '!'" /> 
      
  • Vue变量接收处理

    • 在script里添加:th:inline="javascript"
       <script th:inline="javascript">
      
    • 变量接收:var name = [[${name}]];

知识重点

前言:th:xxx 一般编译器报警告,我们可以用 data-th-xxx 代替,或引入
,推荐后者

常用的th标签与表达式

你可能感兴趣的:(thymeleaf,Java)