美文网首页
springboot常用starter⑭-thymeleaf

springboot常用starter⑭-thymeleaf

作者: 一个好汉 | 来源:发表于2021-07-19 22:38 被阅读0次

    thymeleaf

    Thymeleaf 是适用于 Web 和独立环境的现代服务器端 Java 模板引擎,能够处理 HTML、XML、JavaScript、CSS 甚至纯文本。

    Thymeleaf 的主要目标是提供一种优雅且高度可维护的模板创建方式。
    为了实现这一点,它建立在自然模板的概念之上,以不影响模板用作设计原型的方式将其逻辑注入模板文件
    PS: 也就是说 你直接用浏览器打开是可以直接看到页面的不需要经过服务器渲染
    具体用法可参见官网

    集成thymeleaf

    增加依赖

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

    增加thymeleaf配置

    # thymeleaf 配置
    # 启用缓存:建议生产开启
    spring.thymeleaf.cache=false
    # 建议模版是否存在
    spring.thymeleaf.check-template-location=true
    # Content-Type 值
    spring.thymeleaf.servlet.content-type=text/html
    # 是否启用
    spring.thymeleaf.enabled=true
    # 模版编码
    spring.thymeleaf.encoding=UTF-8
    # 应该从解析中排除的视图名称列表(用逗号分隔)
    spring.thymeleaf.excluded-view-names=
    # 模版模式
    spring.thymeleaf.mode=HTML
    # 模版存放路径
    spring.thymeleaf.prefix=classpath:/templates/
    # 模版后缀
    spring.thymeleaf.suffix=.html
    

    访问层增加代码

    
    @Controller
    @RequestMapping("/thymeleaf")
    public class ThymeleafController {
    
        // 正常和springmvc设置返回参数是意义的用法了
        @GetMapping("/map")
        public String index(String name, ModelMap map) {
            map.addAttribute("name", name);
            map.addAttribute("from", "spring-boot-learn");
            // 模版名称,实际的目录为:src/main/resources/templates/thymeleaf.html
            return "thymeleaf";
        }
    
        @GetMapping("/mv")
        public ModelAndView index(String name) {
            ModelAndView mv = new ModelAndView();
            mv.addObject("name", name);
            mv.addObject("from", "spring-boot-learn");
            // 模版名称,实际的目录为:src/main/resources/templates/thymeleaf.html
            mv.setViewName("thymeleaf");
            return mv;
        }
    }
    

    在resource/templates目录下新增一个thymeleaf.html页面

    <!DOCTYPE html>
    <html>
    <head lang="en">
      <meta charset="UTF-8"/>
      <title>thymeleaf简单示例</title>
    </head>
    <body>
    <h1>Hello thymeleaf</h1>
    <!-- 这里注意:拼接时 变量要单独使用${param},其他的常量使用''包裹 -->
    <h2 th:text="|名称: ${name}, 来自: ${from}|">默认值</h2>
    </body>
    </html>
    

    验证
    访问 http://localhost:启动端口/thymeleaf/map?name=hong

    你好-thymeleaf

    相关文章

      网友评论

          本文标题:springboot常用starter⑭-thymeleaf

          本文链接:https://www.haomeiwen.com/subject/dtmmultx.html