VUE+springboot项目中 前后端数据传递时的数据格式与命名

后端

使用一个自定义类AXIOS,将自定义的status、自定义的message以及查询数据库得到的数据封装并传给前端

public static <T> AxiosResu1t<T> success(T data) { 
return getAxiosResuLt(EnumStatus . OK, data) ; 
OäEXA9AxiosResult 
return AxiosResu1t . success(base) 
OpostmarvÄiä%k 
"status": 233%, 
"message": 
"data": { 
"orderNumber" . 
• 2021092212, 
" goods Number" : 
"speer' , 
" goods Nane 
"MOTOXT8ee% 
"goodsAnount": I 
"goodsprices"• 
Isee,

 

public class SalesGoodsVO implements Serializable 
private List<Sa1esOrderItemsVO> SalesOrderItemsVO; 
return AxiosResu1t

 

前端

通过请求后端controller的请求路径获得的值存入自定义的变量中,然后需要进一步从中取值才能使用

图中的salesOrderItemsVO 源于后端封装数据时定义的属性名 如果希望就写个data 那么就要后端封装时设定好

JSfifi$ 
let goodsDetai1s= await checkGoods(orderNumber) ; 
= goodsDetai1s . salesOrderItemsVO; 
goodsDetai1s: c ] '

posted @ 2021-10-05 00:06  夏·舍  阅读(187)  评论(0编辑  收藏  举报