【金秋打卡】第14天 单表管理功能前后端开发

课程名称：Spring Cloud+ Vue前后端分离开发企业级在线视频系统

课程章节：第5章 单表管理功能前后端开发

讲师姓名：甲蛙老师

课程内容：

①新建ResponseDto：增加统一返回实体类ResponseDto，前后端代码针对ResponseDto做修改

②完善功能：chapter保存成功后关闭表单，并刷新列表，为modal增加id属性

课程收获：

项目中我们会将响应封装成JSON返回，一般我们会将所有接口的数据格式统一， 使前端(iOS Android, Web)对数据的操作更一致、轻松。

一般情况下，统一返回数据格式没有固定的格式，只要能描述清楚返回的数据状态以及要返回的具体数据就可以。但是一般会包含状态码、返回消息、数据这几部分内容

public ResponseDto(String code, String message) {
     this.code = code;
     this.message = message;
 }

public ResponseDto(String code, String message, T data) {
     this.code = code;
     this.message = message;
     this.data = data;
 }

public static <T> ResponseDto<T> success(){
     return new ResponseDto<>("0","成功");
 }

public static <T> ResponseDto<T> success(T data){
     return new ResponseDto<>("0","成功",data);
 }

public static <T> ResponseDto<T> error(){
     return new ResponseDto<>("-1","服务端错误");
 }

将代码和视频中的代码进行了一点修改，省去了实例化以及setMessage的过程，提高代码可读性。

一个完善的功能需要提高用户体验，例如在新增大章之后直接关闭窗口并刷新页面

let resp = response.data;
if (resp.success) {
   $("#form-modal").modal("hide");
   _this.list(1);
 }