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

淡淡的烟草味﹌ 2022-06-12 10:56 207阅读 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字符串
    }

![这里写图片描述][SouthEast]  
  
![这里写图片描述][SouthEast 1]

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);
        }

![这里写图片描述][SouthEast 2]

//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\}+’.’”

![这里写图片描述][SouthEast 3]

[SouthEast]: /images/20220612/89b4d08859ea40af9c5c6bf6aefc6a08.png
[SouthEast 1]: /images/20220612/25fda93c5bf447279f5c9fbbac75aef9.png
[SouthEast 2]: /images/20220612/ac29145e6b6940f8bcb30def9e2c6db0.png
[SouthEast 3]: /images/20220612/79b66e1b977f46e6a956a707e3e4fa4f.png