java前后端分离有什么规范_前后端分离项目,该如何定义接口规范?

本文探讨了前后端分离的必要性、概念及其实施步骤,重点讲解了接口规范V1.0.0,包括请求和响应的基本格式、实体格式、列表格式、分页格式以及特殊内容如下拉框的规范。此外,还展望了未来大前端的发展趋势。
摘要由CSDN通过智能技术生成

前后端分离这块松哥之前写过多篇文章和大家聊,大部分文章我后来都整理在这个网站上了:http://vhr.javaboy.org

不过Coding永无止境,有的时候松哥也会在网上看到一些别人对于前后端分离的看法,有的感觉不错,就拿出来和大家分享下,今天这篇就是,以下是正文。

1. 前言

2. 为何要分离

6243e6c2b9d5b51c05316ab6788ea5cc.png

3. 什么是分离

0e1c9a9a6e2850ae2cc8a499c32bba53.png

5e604be3830f989690e59ddfce7f6aaf.png

4. 如何做分离

4.1 职责分离

a00b41da9b762f1d741f82721bed7033.png

ed24ab6b65552689e861248e9517c398.png

4.2 开发流程

732ce59c6944f198c6a7e12b6f4a6264.png

4.3 具体实施

a2817eec7427c67e6bdd98cac47958af.png

5. 接口规范V1.0.0

5.1 规范原则

5.2 基本格式

5.2.1 请求基本格式

GET请求:xxx/login?body={"username":"admin","password":"123456","captcha":"scfd","rememberMe":1}

POST请求:

e5265cd40cc6874557d95241fcbdb7ae.png

5.2.2 响应基本格式{

code: 200,

data: {

message: "success"

}

}

5.3 响应实体格式{

code: 200,

data: {

message: "success",

entity: {

id: 1,

name: "XXX",

code: "XXX"

}

}

}

5.4 响应列表格式{

code: 200,

data: {

message: "success",

list: [

{

id: 1,

name: "XXX",

code: "XXX"

},

{

id: 2,

name: "XXX",

code: "XXX"

}

]

}

}

5.5 响应分页格式{

code: 200,

data: {

recordCount: 2,

message: "success",

totalCount: 2,

pageNo: 1,

pageSize: 10,

list: [

{

id: 1,

name: "XXX",

code: "H001"

},

{

id: 2,

name: "XXX",

code: "H001"

} ],

totalPage: 1

}

}

5.6 特殊内容规范

5.6.1 下拉框、复选框、单选框{

code: 200,

data: {

message: "success",

list: [{

id: 1,

name: "XXX",

code: "XXX",

isSelect: 1

}, {

id: 1,

name: "XXX",

code: "XXX",

isSelect: 0

}]

}

}

5.6.2 Boolean类型

5.6.3 日期类型

6. 未来的大前端

本文地址:https://www.jianshu.com/p/c81008b68350

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值