本文章将介绍Thymeleaf标准表达式语法中的概念。

    • 学习如何在Thymeleaf模板中显示转义值。
    • 已将HTML代码片段设置为上下文模型,并将其作为变量名为html的字符串。在第一个div中显示HTML转义字符串,在第二个div中显示未转义字符串。 如果要上机实践,请参考:Thymeleaf+SpringMVC5示例项目。这里不再重复创建项目的过程,这里将只介绍如何使用Thymeleaf标准表达式和标签。

    这里创建一个Maven Web项目: thymeleaf-tutorials ,其目录结构如下所示 -

    1523793453988876.png

    控制器类的实现:MyController.java -

    1. package com.e-learn.spring.controller;
    2.  
    3. import java.text.ParseException;
    4. import java.text.SimpleDateFormat;
    5. import java.util.Date;
    6.  
    7. import org.springframework.stereotype.Controller;
    8. import org.springframework.ui.Model;
    9. import org.springframework.web.bind.annotation.GetMapping;
    10. import com.e-learn.spring.bean.Product;
    11.  
    12. @Controller
    13. public class MyController {
    14.  
    15. @GetMapping("/")
    16. public String index(Model model) throws ParseException {
    17. SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
    18. Product product = new Product("花生油", 129, sdf.parse("2018-02-18"));
    19. model.addAttribute("product", product);
    20. return "index";
    21. }
    22.  
    23. @GetMapping("/escape")
    24. public String escape(Model model) throws ParseException {
    25. String html = "Welcome to our <b>fantastic</b> grocery store!";
    26. model.addAttribute("html", html);
    27. return "escape";
    28. }
    29. }

    模板文件的实现:/webapp/WEB-INFO/views/escape.html -

    1. <html xmlns:th="http://www.thymeleaf.org">
    2. <head>
    3. <meta charset="UTF-8">
    4. <meta http-equiv="X-UA-Compatible" content="IE=edge">
    5. <link rel="stylesheet" th:href="@{/css/main.css}" />
    6. <title>SpringMVC5+Thymeleaf示例</title>
    7. </head>
    8. <body>
    9. <h2>Spring MVC5 + Thymeleaf 字符串转义示例</h2>
    10. <div th:text="${html}">Some escaped text</div>
    11. <div th:utext="${html}">Some unescaped text</div>
    12. </body>
    13. </html>

    运行上面项目,在浏览器中显示效果如下 -

    1523793456371757.png