zoukankan      html  css  js  c++  java
  • 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.效果

  • 相关阅读:
    <hdu2072>单词数(set容器,string类应用)
    志愿者选拔
    Game of Life
    <LightOJ 1338> Hidden Secret!
    Miss Kitty and Her Little Ice Cream Shop(水题)
    约瑟夫问题
    <FZU 1019>猫捉老鼠
    <cf>System of Equations(水题)
    Palindromic Numbers (III)(回文数,较麻烦)
    <cf>Solitaire(DFS or DP)
  • 原文地址:https://www.cnblogs.com/yg_zhang/p/9788351.html
Copyright © 2011-2022 走看看