自用：在使用SpringBoot做学生信息管理系统时遇到的问题

1、在做完查询测试时，一直报出404找不到错误，原因是没有为各个层的实现类添加注解

2、改完之后发现测试没有数据，是因为我写的返回值类型为空，应该返回一个List< Student >

3、我没有想到要写Result实体类，因为不理解它存在的意义:

它是一种常见的用于封装接口响应结果 的实体类，能够统一响应格式：定义code（响应码）、msg（响应信息）和data（返回数据）三个属性;便于前端处理。

不写这个类是可行的，比如直接返回业务数据本身，或者返回简单的字符串等。但这样会导致接口响应格式不统一，前端处理逻辑复杂，不利于项目的长期维护和迭代。

java 复制代码

package com.example.stusystem.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class Result {
    private Integer code;
    private String msg;
    private Object data;

    public static Result success(){
        return new Result(1,"success",null);
    }

    public static Result success(Object data){
        return new Result(1,"success",data);
    }

    public static Result error(String msg){
        return new Result(0,msg,null);
    }
}

service层和dao层返回List，controller层把List装进success参数中返回。

4、在写前端时methods写成了method

5、axios.get(' ')里面是单引号

6、循环里插值表达式是两个花括号

java 复制代码

<tr v-for="Student in Students":key="Student.id">
    <td>{{Student.id}}</td>
    <td>{{Student.name}}</td>
    <td>{{Student.sex}}</td>
    <td>{{Student.age}}</td>
</tr>

7、先写后端，用postman测试后端接口没问题后去写前端，不管其他层返回什么，控制层总返回一个相应结果Result。

8、

9、在data中添加newStu的属性

java 复制代码

data: {
    newStu: {
        name: "",
        age: null, //初始化为null或0等合适的值
        sex: "", //1、普通属性添加
        address: {//2、对象嵌套添加
            province: "",
            city: "",
            district: ""
        },
        hobbies: [] //3、数组属性添加，初始化为空数组，之后可以通过 this.newStu.hobbies.push('阅读') 等方式往数组里添加元素。
    },
    Students: []
}

10、删除或者按照id查找一条数据时，注意两点：

路径变量要加花括号、方法参数前面要加注解。

java 复制代码

@DeleteMapping("/dept/{id}")
@Override
public Result delOneController(@PathVariable Integer id) {//把路径变量绑定到方法参数上，可以将路径变量动态获取的值传给方法的参数。
    deptServiceImpl.delOneService(id);
    return Result.success();
}

11、这个按钮也要被< td >包起来，不然他不在表格里面

java 复制代码

<td>
    <button @click="deleteOne">删除</button>
</td>

并且！！！里面要传id不然点删除按钮没反应啊，传的是当前循环的Student的id

java 复制代码

<button @click="deleteOne(Student.id)">删除</button>

12、在做删除的前端时，要用反引号，并且使用${id}

java 复制代码

deleteDept(id){
    if(confirm("确认删除该条记录吗?"){
        axios.delete(`http://localhost:8080/dept/${id}`).then(
        ()=>this.loadDepts()//重新加载
    )}
}

13、在更新时当然要先写获取一条数据的接口方法，要不然你怎么改，所以也更容易理解查询一条返回Student对象，查询所有列表返回List< Student >。

14、更新是最麻烦的，在更新之前需要写一个查询一条信息的后端接口，思路如下：

先通过get获取原来的数据，设置新值创建新的对象，然后通过put方法，把新对象作为参数传进去，实现更新。

15、拼写错误！！！

Vue中是methods,不是method，写错了会导致没反应

response和data以及update这些都是常拼错的