IDEA SpringBoot入门与速查—HTML页与Thymeleaf

最新推荐文章于 2023-11-23 11:14:43 发布

Quantus-Hui

最新推荐文章于 2023-11-23 11:14:43 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： java idea springboot thymeleaf

本文链接：https://blog.youkuaiyun.com/cjh5196/article/details/78752024

本文介绍了在IDEA中使用SpringBoot集成Thymeleaf进行页面映射和参数传递的步骤。首先，添加Thymeleaf的Maven依赖，并在templates文件夹下创建HTML测试页面。接着，在Controller中编写方法，分别处理无参数和带参数的页面请求。通过Thymeleaf的语法，实现了动态数据显示。示例代码展示了如何将URL参数传递到页面并展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一篇确定了一个基本的学习路线，现在看看

怎么把URL映射到HTML页面
怎么创建分布页

在SpringBoot里要想解析页面文件映射，必须添加模板引擎的引用，这里使用SpringBoot官方推荐的Thymeleaf。

添加Maven依赖

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

然后在项目的main- resources- templates文件夹中添加两个html文件做测试

GoABC用来测试无参调用
Thypage用来测试带参调用

HTML静态文件

注意把html文件中节点html替换成这样

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

好，接下来在controller里面写两个方法

@RequestMapping("/gogoabc")
public String GoABC(){
    return "GoABC";//要映射到静态文件，项目一定要引入模板引擎包。不用配置会自动找到的
}

@RequestMapping("/thypage")
public String ThyPage(HashMap<String,Object> map, String urlarg){
    map.put("backendValue","hello");
    map.put("fontendValue",urlarg);
    return"ThyPage";
}

GoABC不接收参数，输出静态文件的文件名，是相对templates文件夹的相对路径，可以用左斜杠开头
ThyPage接收一个URL参数urlarg，这里参数map不从URL中获取，作为一个传向Thymeleaf的一个数据包，前端就可以通过键获取

GoABC.html的内容都是静态内容，这里就不用多写了。ThyPage.html的代码如下

<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>ThyPage</title>
</head>
<body>
<font color="red" th:text="${backendValue}"></font>
<p th:text="${fontendValue}"></p>
</body>
</html>

有关Thymeleaf的语法，这里就不用多说了，抛砖引玉

thypage

访问结果如下

Thymeleaf带参输出