【SpringBoot】Web开发

• • 2.3 thymeleaf使用

一、简介

1.1 引入springboot模块

　　在介绍web开发模块之前，先总结一下springboot中如何引入某一个模块，我们知道，springboot将功能模块封装为一个个的starter ：

• 1)、创建springboot应用，选中我们需要的模块;
• 2)、springboot已经默认将这些场景配置好了，只需要在配置文件中指定少量配置就可以运行起来

• 3)、自己编写业务代码;

• 这个场景springboot帮我们配置了什么?能不能修改?能修改哪些配置?能不能扩展?

1. xxxxautoconfiguration:帮我们给容器中自动配置组件;
2. xxxxproperties:配置类来封装配置文件的内容;

1.2 springboot对静态资源的映射规则

• 1)、所有 /webjars/** ，都去资源jar包下 classpath:/meta-inf/resources/webjars/ 找资源;
  • webjars:以jar包的方式引入静态资源;



，进入网站，如下:



<!‐‐引入jquery‐webjar 在访问的时候只需要写webjars下面资源的名称即可 ‐‐>
<dependency>
    <groupid>org.webjars</groupid>
    <artifactid>jquery</artifactid>
    <version>3.4.1</version>
</dependency>

示例
如果引用jquery，那么路径应该写为：

localhost:8080/webjars/jquery/3.4.1/jquery.js

• 2)、"/**" 访问当前项目的任何资源，都去(静态资源的文件夹)找映射

"classpath:/meta‐inf/resources/", 
"classpath:/resources/",
"classpath:/static/",
"classpath:/public/"
"/":当前项目的根路径

示例

localhost:8080/abc # 去静态资源文件夹里面找abc

• 3)、欢迎页; 静态资源文件夹下的所有index.html页面;被"/**"映射;

示例： localhost:8080/ 找index页面

• 4)、所有的 **/favicon.ico 都是在静态资源文件下找;

二、模版引擎

2.1 简介

• 我们常见的模版引擎有：jsp、velocity、freemarker、thymeleaf
• springboot官网推荐我们用thymeleaf

原理图如下：



2.2 引入thymeleaf

<properties>
     <!-- 修改版本 -->
        <thymeleaf.version>3.0.9.release</thymeleaf.version>
        <!-- 布局功能的支持程序 thymeleaf3主程序 layout2以上版本 -->
        <!-- thymeleaf2 layout1 -->
        <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
    </properties>

<dependency>
    <groupid>org.springframework.boot</groupid>
    <artifactid>spring-boot-starter-thymeleaf</artifactid>
</dependency>

2.3 thymeleaf使用

从 thymeleafproperties 类中我们可以看出thymeleaf 如何使用以及配置信息：

@configurationproperties(prefix = "spring.thymeleaf")
public class thymeleafproperties {

    private static final charset default_encoding = standardcharsets.utf_8;

    public static final string default_prefix = "classpath:/templates/";

    public static final string default_suffix = ".html";
    // ....省略...
}

• 只要我们把html页面放在classpath:/templates/，thymeleaf就能自动渲染;

• 1、导入thymeleaf的名称空间

<htmllang="en"xmlns:th="http://www.thymeleaf.org">

• 2、使用thymeleaf语法;

【后续整理】