zoukankan      html  css  js  c++  java
  • SpringBoot--->Thymeleaf模板引擎

    1、导入依赖

            <dependency>
                <groupId>org.thymeleaf</groupId>
                <artifactId>thymeleaf-spring5</artifactId>
            </dependency>
            <dependency>
                <groupId>org.thymeleaf.extras</groupId>
                <artifactId>thymeleaf-extras-java8time</artifactId>
            </dependency>

    只要导入对应的依赖,

    2、练习使用Thymeleaf

    1、在对应HTML页面导入相关依赖

    <html lang="en" xmlns:th="http://www.thymeleaf.org">

    对应HTML页面需要取值,使用  th:***="${+++}" 获取

    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <!--/*@thymesVar id="msg" type="com.xian.controller.HelloController"*/-->
    <div th:text="${msg}"></div>
    </body>
    </html>

    2、在对应controller里跳转

    @Controller
    public class HelloController {
        @RequestMapping("/test")
        public String test(Model model) {
            model.addAttribute("msg","hello,springboot");
            return "test";
        }
    }

    3、练习使用数据填充

    <!--/*@thymesVar id="msg" type="com.xian.controller.HelloController"*/-->
    <div th:text="${msg}"></div>
    <!--转义字符-->
    <div th:utext="${msg}"></div>
    <hr>
    <!--/*@thymesVar id="users" type="com.xian.controller.HelloController"*/-->
    <h3 th:each="user:${users}">[[ ${user} ]]</h3>
    
    <!--推荐使用第二种方法,做到前后端分离,把数据写在前端页面里,不推荐-->
    <h3 th:each="user:${users}" th:text="${user}"></h3>

    2、对应的controller

    public class HelloController {
        @RequestMapping("/test")
        public String test(Model model) {
            model.addAttribute("msg","<h1>hello,springboot</h1>");
            model.addAttribute("users", Arrays.asList("xian","Spring"));
            return "test";
        }
    }

     文字过多,需要时及时翻看官方文档

    Thymeleaf 官网:https://www.thymeleaf.org/

    Thymeleaf 在Github 的主页:https://github.com/thymeleaf/thymeleaf

    Spring官方文档:找到我们对应的版本

    https://docs.spring.io/spring-boot/docs/2.2.5.RELEASE/reference/htmlsingle/#using-boot-starter

  • 相关阅读:
    C++ UNREFERENCED_PARAMETER函数的作用
    Win32 Console Application、Win32 Application、MFC三者之间的联系和区别
    解决CSDN博客插入代码出现的问题
    C++ std::vector指定位置插入
    计算机如何与人沟通(1)
    C++ fstream文件操作
    using namespace std 和 include 的区别
    找不到windows.h源文件
    C++ 字符串转换
    WPF style 换肤
  • 原文地址:https://www.cnblogs.com/springxian/p/14237397.html
Copyright © 2011-2022 走看看