• 十五、微服务学习笔记-Thymeleaf


    一、为什么要使用Thymeleaf

    1、spring boot 内嵌的tomcat不支持jar形式运行jsp页面

    2、spring boot 推荐Thymeleaf模版引擎,因为Thymeleaf提供了完美的spring mvc支持

    spring boot 提供了大量模版引擎:

    (1)FreeMaker

    (2)Groovy

    (3)Mustache

    (4)Thymeleaf

    (5)Velocity

    (6)Beetl (国产)

    二、模版技术发展过程

    JSP 动态技术 -> html 动静分离 -> node.js vue.js react.js angular.js 前后分离

    三、使用Thymeleaf

    1、pom文件增加依赖

    注:引入nekohtml是因为html要准守w3c规则,使用nekohtml可以自动补偿缺失元素

            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-thymeleaf</artifactId>
            </dependency>
    
            <dependency>
                <groupId>net.sourceforge.nekohtml</groupId>
                <artifactId>nekohtml</artifactId>
                <version>1.9.22</version>
            </dependency>

    2、在application.yml文件中配置

      thymeleaf:
        cache: false #开发时关闭缓存,不然没法看到实时页面
        mode: HTML
        encoding: utf-8
        servlet:
          content-type: text/html

    3、创建模版页面,

    (1)在/resource/template 目录穿件index.html,在文件中输入html5: 按tab键就会出现一个简单的模版页面

    (2)在顶部加入下列一句话

    <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

    (3)新建一个ThymeleafController,并填入以下内容

    package com.fjact.hellow.spring.demo.controller;
    
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    @RestController
    public class ThymeleafController {
    
        @GetMapping("/index")
        public String index(Model model){
            model.addAttribute("name","张三");
            return "index";
        }
    }

    (4)前端页面设置,在index.html中更增加下面一句话

       <span th:text="${name}">李四</span>

    (5)通过路径预览页面

     

    问题:注解@RestController和@Controller的区别?

    回答:@RestController是@ResponseBody和@Controller合在一起的作用,只能返回json,不能返回页面,所以要返回页面只能是用@Controller,如需返回json,则在Controller方法中加入@ResponseBody注解。

  • 相关阅读:
    framework7 底部弹层popup js关闭方法
    div动画旋转效果
    面试题3
    面试题2
    CORS跨域请求[简单请求与复杂请求]
    面试题1
    nginx
    Pycharm配置支持vue语法
    Ajax在jQuery中的应用---加载异步数据
    jQuery开发入门
  • 原文地址:https://www.cnblogs.com/myLeisureTime/p/13582762.html
Copyright © 2020-2023  润新知