springboot的开发

1，创建以下

image

2，在Pom.xml中更改配置，注释mybatis和mysql

3，

static为静态，可以直接显示

templateas为动态，需要添加<html lang="en" xmlns:th="http://www.thymeleaf.org">

4，在PageController中添加以下字段

@Controller
public class PageController {
    @RequestMapping("/91forever")
    public String index(Map<String,Object>  map){
        System.out.println("index");
		map.put("hobby","劳斯莱斯");
        return "page4";
    }
}

在page4中添加以下字段

<div th:text="'爱好'+${hobby}"> </div>

5，登录网页localhost:8080/page4

爱好 劳斯莱斯

6，增加难度，在PageController中创建年龄集合

List<String> ageList = List.of("1", "2", "3");
map.put("ageList",ageList);

在page4中添加

<div th:each="pig:${ageList}">
    <span th:text="${pig}"> </span>
            </div>

7，继续增加难度

当@RequestMapping改成@PostMapping时，浏览器显示405，用不了这个方法

下载软件Apifox

image

当发送地址后，在下方Body-Preview处输出字符，相当于模拟浏览器

8，继继续增加难度

当我既想用get请求又想用post请求时需要用@RequestMapping

image

@RequestMapping相当于总合集，括号里面的相当于集合中的范围

此时在浏览器中输出

image

在Apifox中输出

image

9，除了在方法上加还可以在类上加，就是在所有方法前面加@RequestMapping

image

网页输出

image

10，再增加难度，想要用超链接去get请求

屏幕截图 2026-01-29 204836

在前端中

image

页面中

image

11，为了安全

应在image中添加,输入的网址名应该和@RequestParam()中的值一致

image

12，为了简便，应该在domain中新建一个User类存放数据

image

则PageController.java中应该删除无关字段

image

再添加与user有关的数据

image

下面调用get方法，将username12改成username,在页面中表现为

image

在Apifox中表现为

image

如果为post请求，将前面Params中的两条删除，选Body中的form-ddata

image

13，JSON格式，有数据没有方法 【】用于数组或集合 数字类型没有'' 字符串类型和日期用''

JSON格式 在前端与后端连接时候用

正常情况下需要在js中模拟，现在只能在Apifox中使用

JSON从Body体中提出来对应属性放里面

image

在Apifox中选择JSON，输入字符，输出

image

14，后端到前端的JSON

添加一个新注解@ResponseBody,表示返回值不是页面地址，而是数据

返回值变成dataMap类型，运用Map<String,String>方法

image

只能在Apifox中看

image

此时返回的是字符串

posted @ 2026-01-29 22:54  诺森德的雪原  阅读(3)  评论(0)    收藏  举报