导入Thymeleaf、正确设置URL的输入、相应请求、参数传递

最新推荐文章于 2024-05-03 00:49:49 发布

qq_24885695

最新推荐文章于 2024-05-03 00:49:49 发布

阅读量2.2w

点赞数 3

分类专栏： Spring+Thymeleaf笔记文章标签： Spring Thymeleaf

本文链接：https://blog.csdn.net/qq_24885695/article/details/75671006

版权

Spring+Thymeleaf笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、导入Thymeleaf：

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

2、输入请求（URL）：

@RequestMapping(value = {"/","/index","/vv"})
/* 输入以下任意一种查看网页：
http://127.0.0.1:端口号 
http://127.0.0.1:端口号/index
http://127.0.0.1:端口号/vv 
*/
@RequestMapping(value = {"/fff/{Id1}/{Id2}"})
/*Id1和Id2是任意输入值，并可自动记录下来供使用*/

3、响应请求：

@RequestMapping(path = {"/","/index","/dj"})
@ResponseBody
public String index(){
    return "hello";//返回hello字符串
}

这里写图片描述

4、参数传递：

//在这儿value跟path是等同的
@RequestMapping(value = {"/profile/{groupId}/{userId}"})
@ResponseBody
public String profile(@PathVariable("groupId") String groupId,@PathVariable("userId") int userId,@RequestParam(value="type",defaultValue = "1") int type,@RequestParam(value="key",defaultValue = "dj") String key){
    return String.format("GID{%s},UID{%d},TYPE{%d},KEY{%s}",groupId,userId,type,key);
    }

这里写图片描述

//IndexController.java
@Controller
public class IndexController {
@RequestMapping(value = {"/vv"})
public String news(Model model){
    model.addAttribute("value1","DJ");

    List<String> colorss = Arrays.asList(new String[]{"RED","BLUE","GREEN"});
    model.addAttribute("colors",colorss);

    Map<String,String> map = new HashMap<String,String>();
        for(int i = 0 ;i < 4 ;i++ ){
            map.put(String.valueOf(i),String.valueOf(i*i));
        }
    model.addAttribute("maps",map);

    return "hello";//新建了一个hello模板，显示的是模板的内容
    }
}

//hello.html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Getting Started: Serving Web Content</title>
</head>
<body>
<p>
    <div th:text="'welcome!'+${value1}+'.'"></div>
</p>
<p>
<div th:each="color : ${colors}">
    <span th:text="${color}"></span>
</div>
</p>
<p>
<div th:each="mapEntry : ${maps}">
    <span th:text="${mapEntry.key}"></span> =
    <span th:text="${mapEntry.value}"></span>
</div>
</p>
</body>
</html>

1、< p>表示一个大的段落
2、< br>表示换行，另起一行
3、< div>表示是一个块级元素，它的内容自动开始一个新行
4、Thymeleaf是一种针对HTML/XML定制的模板语言（当然它可以被扩展），它通过标签中的th:text属性来填充该标签的一段内容。
5、获取变量的值：${ }
6、遍历：th:each=”color : ${colors}”
7、字符串拼接：th:text=“‘welcome!’+${value1}+’.’”

这里写图片描述