• springboot Thymeleaf 整合


    Thymeleaf是一个Java模板引擎开发库,可以处理和生成HTML、XML、JavaScript、CSS和文本,在Web和非Web环境下都可以正常工作。

    Thymeleaf可以跟Spring boot很好的集成。

    整合步骤

    1.修改pom.xml 

    增加下面代码片段:

    <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-thymeleaf</artifactId>
            </dependency>

    2.修改 application.yml 配置

    spring:
      thymeleaf: 
        mode: HTML5
        encoding: utf-8
        content-type: text/html
        classpath: /templates/*.html

    模版位置在:

    resources/templates 目录下面

    3.编写模版文件

    <!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
    <meta charset="UTF-8" />
    <title>Insert title here</title>
    <link  th:href="@{/my.css}" rel="stylesheet" />
    </head>
    <body>
      <h2>用户列表</h2>
      <div>
             <span th:text="${user.name}"></span>-
             <span th:text="${user.address}"></span>
       </div>
    </body>
    </html>

    使用样式表文件:

    样式表文件目录在:

     4.控制器代码

    @RequestMapping("/userDetail")
        public ModelAndView userDetail() {
            User user=new User();
            user.setName(this.name);
            user.setAddress(this.address);
            ModelAndView mv=new ModelAndView();
            mv.setViewName("/sys/user");
            mv.addObject("user", user);
            return mv;
        }

    5.效果

  • 相关阅读:
    任意指定一个key获取该key所处在哪个node节点
    记一次mysql的问题处理@20181225
    Vue 自定义校验规则
    Vue 渲染状态标签
    Vue Token拦截跳转
    vue 组件路由问题
    vue npm运行报错
    Vue复习(一)
    从客户端中检测到有潜在危险的 Request.Form
    EF Core for MySql踩坑(二)
  • 原文地址:https://www.cnblogs.com/yg_zhang/p/9788351.html
Copyright © 2020-2023  润新知