您的位置:首页 > 游戏 > 手游 > 稿定设计在线制作_中小型企业的数据查询_如何创建自己的个人网站_优化营商环境发言稿

稿定设计在线制作_中小型企业的数据查询_如何创建自己的个人网站_优化营商环境发言稿

2025/4/25 6:34:19 来源:https://blog.csdn.net/2302_78879607/article/details/147116505  浏览:    关键词:稿定设计在线制作_中小型企业的数据查询_如何创建自己的个人网站_优化营商环境发言稿
稿定设计在线制作_中小型企业的数据查询_如何创建自己的个人网站_优化营商环境发言稿

1、在做完查询测试时,一直报出404找不到错误,原因是没有为各个层的实现类添加注解
2、改完之后发现测试没有数据,是因为我写的返回值类型为空,应该返回一个List< Student >
3、我没有想到要写Result实体类,因为不理解它存在的意义:

它是一种常见的用于封装接口响应结果的实体类,能够统一响应格式:定义code(响应码)、msg(响应信息)和data(返回数据)三个属性;便于前端处理。
不写这个类是可行的,比如直接返回业务数据本身,或者返回简单的字符串等。但这样会导致接口响应格式不统一,前端处理逻辑复杂,不利于项目的长期维护和迭代。

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、循环里插值表达式是两个花括号

<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的属性

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

10、删除或者按照id查找一条数据时,注意两点:
路径变量要加花括号、方法参数前面要加注解。

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

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

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

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

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

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

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这些都是常拼错的

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com