1，创建以下
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
当发送地址后，在下方Body-Preview处输出字符，相当于模拟浏览器
8，继继续增加难度
当我既想用get请求又想用post请求时需要用@RequestMapping
@RequestMapping相当于总合集，括号里面的相当于集合中的范围
此时在浏览器中输出
在Apifox中输出
9，除了在方法上加还可以在类上加，就是在所有方法前面加@RequestMapping
网页输出
10，再增加难度，想要用超链接去get请求
在前端中
页面中
11，为了安全
应在![image]()
中添加,输入的网址名应该和@RequestParam()中的值一致
中添加,输入的网址名应该和@RequestParam()中的值一致
12，为了简便，应该在domain中新建一个User类存放数据
则PageController.java中应该删除无关字段
再添加与user有关的数据
下面调用get方法，将username12改成username,在页面中表现为
在Apifox中表现为
如果为post请求，将前面Params中的两条删除，选Body中的form-ddata
13，JSON格式，有数据没有方法 【】用于数组或集合 数字类型没有'' 字符串类型和日期用''
JSON格式 在前端与后端连接时候用
正常情况下需要在js中模拟，现在只能在Apifox中使用
JSON从Body体中提出来对应属性放里面
在Apifox中选择JSON，输入字符，输出
14，后端到前端的JSON
添加一个新注解@ResponseBody,表示返回值不是页面地址，而是数据
返回值变成dataMap类型，运用Map<String,String>方法
只能在Apifox中看
