亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【金秋打卡】第14天 單表管理功能前后端開發

標簽:
Spring Cloud

课程名称: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的过程,提高代码可读性。

https://img2.sycdn.imooc.com/636623cf000152d519171042.jpg

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

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


 


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消