SpringBoot学习笔记（四）SpringBoot进行Web开发&Thymeleaf模板引擎

最新推荐文章于 2022-02-05 16:01:06 发布

Huathy-雨落江南，浮生若梦

最新推荐文章于 2022-02-05 16:01:06 发布

阅读量273

点赞数

分类专栏： Java框架学习文章标签： spring Thymeleaf java

本文为博主Huathy原创文章，遵循 CC 4.0 BY-NC-SA 版权协议。
未经许可不得转载！否则将依法追究相关责任。

本文链接：https://blog.csdn.net/qq_40366738/article/details/108498148

版权

Java框架学习专栏收录该内容

29 篇文章 0 订阅

订阅专栏

文章目录

使用SpringBoot
SpringBoot 对静态资源的映射
引入Thymeleaf 与使用
Thymeleaf语法
- 1. th属性：
- 2. 表达式
引入资源
- 问题：资源文件中存在两个静态的index.html
- 修改访问路径后前端会自动加上

使用SpringBoot

创建SpringBoot应用，选中需要的模块
SpringBoot已经进行了配置，我们在使用时只需要进行少量的配置即可
编写业务代码

SpringBoot 对静态资源的映射

“webjars/**”

所有 webjars/** 都到 classpath:META-INF/resource/webjars/ 找资源
https://www.webjars.org/
通过Maven引入前端框架。
示例如下：

<!--引入jQuery框架-->
<dependency>
   <groupId>org.webjars</groupId>
   <artifactId>jquery</artifactId>
   <version>3.5.1</version>
</dependency>

<script src="/webjars/jquery/3.5.1/jquery.js"></script>

浏览器访问：http://127.0.0.1:8080/webjars/jquery/3.5.1/jquery.js

"/**"访问当前项目任何资源

"classpath:/META-INF/resources/",
"classpath:/resources/",
"classpath:/static/",
"classpath:/public/",
"/"  ：当前项目的根路径

首页及图标设定

静态资源文件夹下的所有 index.html 被 /** 所映射
localhost:8080/ -> localhost:8080/index.html
所有的 **/favicon.ico 都是在静态资源文件下找
在这里插入图片描述

引入Thymeleaf 与使用

模板引擎
JSP、Velocity、Freemarker、Thymeleaf（SpringBoot推荐）

Thymeleaf官方文档：https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html

示例如下：

引入依赖

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

编写Controller

//这里使用了Thymeleaf的模板引擎，它自动的为我们拼接了前缀(template/)和后缀(.html)
@RequestMapping("/hi")
public String hi(Map map){
   map.put("hello","HELLO");
   return "hi";
}

在 src\main\resources\templates\ 下创建一个 hi.html ，并为其导入thymeleaf命名空间
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>HI</title>
</head>
<body>
    <h1>This Is Hi Page</h1>
    <!-- 将div中的文本值设定为指定的内容 -->
    <div th:text="${hello}"></div>
</body>
<script src="/jquery.js" th:src="@{/webjars/jquery.3.5.1/jquery.js}"></script>
</html>

访问 http://127.0.0.1:8080/hi ，我们可以看到访问到了该页面的内容。

Thymeleaf语法

1. th属性：

在这里插入图片描述

2. 表达式

${…} 变量表达式，Variable Expressions
//获取变量值，调用方法，使用内嵌基本对象
@{…} 链接表达式，Link URL Expressions
#{…} 消息表达式，Message Expressions
~{…} 代码块表达式，Fragment Expressions
*{…} 选择变量表达式，Selection Variable Expressions

引入资源

一般的静态资源包括html页面，建议放在templates目录下。这样可以让thymeleaf解析到。否则模板引擎无法解析。

问题：资源文件中存在两个静态的index.html

如果资源文件中存在两个静态的index.html，则在访问 127.0.0.1:8080/ 时，会访问static下的index.html。如何让它访问templates下的index.html呢？

解决方案一

@RequestMapping({"/","/index"})
public String index(){
    return "index";
}

解决方案二

//使用WebMvcConfigurationSupport来扩展SpringMVC的功能
//这里可以继承WebMvcConfigurerAdapter(已过期，建议使用WebMvcConfigurationSupport，这是对adapter的扩展)
// 也可以实现WebMvcConfigurer
@Configuration
public class MyMvcConfig extends WebMvcConfigurationSupport {

    @Override
    protected void addViewControllers(ViewControllerRegistry registry) {
        //浏览器发送/hx请求，请求到hi.html页面
        registry.addViewController("/hx").setViewName("hi");
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index").setViewName("index");
    }
}

关于使用addViewController无法映射不生效的问题

修改访问路径后前端会自动加上

application.properties

server.servlet.context-path=/crud

访问 http://127.0.0.1:8080/crud/ 查看源码，可以看到thymeleaf已经为我们加上了前缀

Huathy-雨落江南，浮生若梦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
SpringBoot学习笔记（四）SpringBoot进行Web开发&Thymeleaf模板引擎

文章目录使用SpringBootSpringBoot 对静态资源的映射使用SpringBoot创建SpringBoot应用，选中需要的模块SpringBoot已经进行了配置，我们在使用时只需要进行少量的配置即可编写业务代码SpringBoot 对静态资源的映射...
复制链接

扫一扫