装饰公司简易手机网站,如何验证网站所有权,封面型网站怎么做的,wordpress模板获取不到分类highlight: xcode theme: vuepress 简介 今天给大家介绍一下如何设计一个业务数据响应体类#xff0c;就是前端每次请求后端返回的数据我们要统一数据结构#xff0c; 不能想怎么写就怎么写。规定一个通用的后端数据响应体类十分必要。 响应体类R 其实也很简单#xff0c;只… highlight: xcode theme: vuepress 简介 今天给大家介绍一下如何设计一个业务数据响应体类就是前端每次请求后端返回的数据我们要统一数据结构 不能想怎么写就怎么写。规定一个通用的后端数据响应体类十分必要。 响应体类R 其实也很简单只需要声明一个类随便你叫什么。R、Result、RestResponse 都行啦我这边为了简洁声明为了 R 类。 R 类有 3 个属性分别是 codeInteger 类型业务状态码每种错误都对应着一个业务错误码或者状态码由项目团队自定义。msgString 类型给前端返回的消息提示文字。data类型是泛型类 T用于保存要返回的数据根据最终要返回的数据类型而定。比如说要返回 ListString那么最终 Controller 层方法返回值就可以写成 RListString。 R 类中还定义了一些常量比如说提示消息业务状态码这个可以根据自身的业务而定。每家公司的业务标准都不太一样。 java Data public class R { private Integer code NORMAL_CODE;private String msg ;private T data;public static final String SUCCESS 操作成功;public static final String FAILURE 操作失败;public static final Integer ERROR_CODE 500;public static final Integer NORMAL_CODE 200;public R() {}public R(T data) {this.data data;
}public R(Integer code, String msg, T data) {this.code code;this.msg msg;this.data data;
}public static T RT ok() {return ok(HttpStatus.HTTP_OK, SUCCESS, null);
}public static T RT ok(Integer code, String msg, T data) {RT r new R();r.setCode(code);r.setMsg(msg);r.setData(data);return r;
}public static T RT ok(T data) {return ok(ERROR_CODE, SUCCESS, data);
}public static T RT fail(Integer code, String msg) {return ok(code, msg, null);
}public static T RT fail(String msg) {return ok(ERROR_CODE, msg, null);
}public static T RT fail() {return ok(ERROR_CODE, FAILURE, null);
} } 接口示例代码 下面演示一下接口的示例代码以 UserController 为例声明一个 UserController 类标记为 RestController java RestController RequestMapping(/user) public class UserController { private UserService userService;// 构造器注入
Autowired
public UserController(UserService userService) {this.userService userService;
}GetMapping(/list)
public RListUser selectAll() {ListUser list userService.selectAll();return R.ok(list);
} } 最后响应的结果应该是这样 json { code: 200, msg: 操作成功, data: [ { id: 1, username: 特朗普, age: 80 }, // ... ] } 前端一般这样处理获得数据 js // 导入封装的查询接口 import { getUserListAPI } from /api/user.js async function getUserList() { // 结构出 data 字段axios 需要在后置处理器配置直接返回 AxiosResponse 的 data 字段 // 这样我们才能拿到我们自己定义的响应体最后解构出我们自己定义的响应体的 data 字段 // 如果担心名称重复可以使用 : 符号重命名 const { data } await getUserListAPI() // 赋值之后自动触发组件刷新
userList.value data } 其他语言版本的 如果你的后端使用了 Go 开发那么可以如法炮制。定义一个结构体 R go type R[T any] struct { Code int json:code Msg string json:msg Data T json:data } 现在 Go 里面也可以使用泛型了泛型类型约束为 any也就是任意类型。Go 语言中不存在什么静态方法可以自定义函数但是大可不必Go 语言的结构体使用起来就是强调一个简洁跟 JS 的对象字面写法很类似。 下面演示一下在 Gin 框架里面使用响应体结构体 R go type UserController struct { userService *UserService } // wire 构造器注入 // 设置 Gin 的路由不作赘述 func NewUserController(userService UserService) *UserController { return UserController{userService: userService} } func (c *UserController) getUserList(ctx *gin.Context) { // 返回 User 的切片 users : c.userService.getUserList() r : R[User[]]{ code: 200, msg: 操作成功, data: users } ctx.JSON(200, r) } 怎么样你学会了吗
