• 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

  • 相关阅读:
    appium 环境安装windows
    解决windows7无法连接CentOS7系统中oracle问题:ORA-12514 TNS 监听程序当前无法识别
    linux系统(CentOS7)虚拟机上安装oracle 11g,解决oracle图形界面卡住无法点击next问题
    python自动化测试框架学习
    VSCode + GDBServer 远程调试C/C++流水账
    IDEA 16注册
    VS2008非托管C++调用wcf(WebService)服务
    python 从数据库表生成model
    2015年工作总结
    dlib库学习之一
  • 原文地址:https://www.cnblogs.com/springxian/p/14237397.html
Copyright © 2020-2023  润新知