什么是接口文档?
在项目期间,前后端是分离开发的,为了前后有连贯性,就必须由前后开发工程师共同定义接口、写接口文档再根据接口文档去开发,一直到项目结束。
接口文档规范
- 方法
也就是我们常写的新增,删除,修改,查询
- url
调用方法,一般是从前端调后端的方法地址
- 请求参数
一般分五列:字段、说明、类型、备注、是否必填
- 返回参数
1、如果只返回接口调用成功还是失败(新增、删除、修改等),则只有一个结构体:
code和message两个参数;
2、如果要返回某些参数,则有两个结构体:
是code/mesage/data;
是data里写返回的参数,data是object类型;
3、如果要返回列表,那么有三个结构体,
是code/mesage/data,data是object,里面放置page/size/total/totalPage/list 5个参数,其中list是Arrary类型,list里放object,object里是具体的参数。
了解目的
- 用户登录
- 用户注册
- 树形菜单
- 文章查询
- 文章新增
- 文章修改
- 文章删除
用户登录:
接口调用and请求
http请求方式: POST (一般有两种get/post) https://xxx.xxx.xxx:8080/项目命名/vue/userAction_login.action
| 字段 | 说明 | 类型 | 是否必填 |
| uname | 名字 | String | 是 |
| pwd | 密码 | String | 是 |
登录成功返回JSON数据包:
{
"msg":"登录成功",
"result":{
"uname":"用户名",
"pwd":"密码"
},
"code":1
}
用户或者密码为空返回JSON数据包:
{
"msg":"用户或者密码为空",
"result":{
"uname":"用户名",
"pwd":"密码"
},
"code":0
}
用户或者密码错误返回JSON数据包:
{
"msg":"用户或者密码错误",
"result":{
"uname":"用户名",
"pwd":"密码"
},
"code":0
}
| 参数 | 说明 |
| msg | 提示消息 |
| result | 返回登录的用户名和密码 |
| code | 状态 0:登录失败 1:登录成功 |
用户注册
接口调用
https://xxx.xxx.xxx:8080/项目命名/vue/userAction_reg.action
| 字段 | 说明 | 类型 | 是否必填 |
| uname | 名字 | String | 是 |
| pwd | 密码 | String | 是 |
注册返回JSON数据包:
{
"msg":"用户注册成功",
"code":1
}
用户注册失败返回JSON数据包:
{
"msg":"用户注册失败",
"code":0
}
| 参数 | 说明 |
| msg | 提示消息 |
| code | 状态码 0:失败 1:成功 |
树形菜单
调用接口
https://xxx.xxx.xxx:8080/项目命名/vue/treeNodeAction.action
返回的json数据表如下:
{
"msg": "操作成功",
"result": [
{
"treeNodeId": 1,
"treeNodeName": "系统管理",
"treeNodeType": 1,
"url": null,
"position": 1,
"icon": "el-icon-setting",
"children": [
{
"treeNodeId": 2,
"treeNodeName": "用户管理",
"treeNodeType": 2,
"url": "/sys/VuexPage1",
"position": 2,
"icon": "el-icon-user",
"children": []
},
{
"treeNodeId": 3,
"treeNodeName": "角色管理",
"treeNodeType": 2,
"url": "/sys/VuexPage2",
"position": 3,
"icon": "",
"children": []
},
{
"treeNodeId": 4,
"treeNodeName": "密码修改",
"treeNodeType": 2,
"url": null,
"position": 4,
"icon": null,
"children": []
}
]
},
{
"treeNodeId": 5,
"treeNodeName": "论坛管理",
"treeNodeType": 1,
"url": null,
"position": 5,
"icon": "el-icon-reading",
"children": [
{
"treeNodeId": 6,
"treeNodeName": "文章管理",
"treeNodeType": 2,
"url": "/sys/Articles",
"position": 6,
"icon": null,
"children": []
}
]
}
],
"code": 1
}
| 参数 | 说明 |
| msg | 提示消息 |
| result | 返回树形菜单结果集 |
| code | 状态 0:失败 1:成功 |
Result树形菜单结果集
| 参数 | 说明 |
| treeNodeId | 菜单id |
| treeNodeName | 菜单名 |
| treeNodeType | 菜单类型 1:父菜单2:跳转菜单 |
| url | 路由地址 |
| icon | 菜单图标 |
| children | 子菜单集,如果没有则为一个空json数组 |
文章查询
调用接口
https://xxx.xxx.xxx:8080/项目命名/vue/articleAction_list.action
| 参数 | 是否必填 | 说明 |
| page | 否 | 当前页码,默认为1 |
| rows | 否 | 一页展示多少条数据,默认为10 |
| title | 否 | 按文章标题查询 |
返回json数据包说明:
{
"result":[{"id":1,"title":"文章标题","body":"文章内容"],
"pageBean":{
"page":1,
"rows":10,
"total":100,
}
}
result结果集
| 参数 | 说明 |
| id | 文章id |
| title | 文章标题 |
| body | 文章内容 |
pageBean 分页对象说明
| 参数 | 说明 |
| page | 当前页码 |
| rows | 一页展示的条数 |
| total | 总条数 |
文章添加
调用接口
https://xxx.xxx.xxx:8080/项目命名/vue/articleAction_add.action
| 参数 | 是否必填 | 说明 |
| title | 是 | 文章标题 |
| Body | 否 | 文章内容 |
添加成功返回JSON数据包:
{"msg":"新增成功","result":[],"code":1}
添加失败返回JSON数据包:
{"msg":"新增失败","result":[],"code":0}
| 参数 | 说明 |
| msg | 提示消息 |
| code | 状态码 0:失败 1:成功 |
文章修改
调用接口
https://xxx.xxx.xxx:8080/项目命名/vue/articleAction_edit.action
| 参数 | 是否必须 | 说明 |
| id | 是 | 文章id |
| title | 否 | 文章标题 |
| body | 否 | 文章内容 |
修改成功返回JSON数据包:
{"msg":"修改成功","code":1}
修改失败返回JSON数据包:
{"msg":"修改失败","code":0}
| 参数 | 说明 |
| msg | 提示消息 |
| code | 状态码 0:失败 1:成功 |
文章删除
调用接口
https://xxx.xxx.xxx:8080/项目命名/vue/articleAction_del.action
| 参数 | 是否必须 | 说明 |
| id | 是 | 文章id |
删除成功返回JSON数据包:
{"msg":"删除成功","code":1}
删除失败返回JSON数据包:
{"msg":"删除失败","code":0}
| 参数 | 说明 |
| msg | 提示消息 |
| code | 状态码 0:失败 1:成功 |
