在前后端分离开发的背景之下, 当后端接口没有完成之前, 前端开发人员所需要的后端数据怎么展现呢? 这里可以利用 mock.js批量生成随机数据, 前端开发者快速生成api接口, 供自己同步后续开发
- mock.js
要了解怎么生成批量假数据, 首先mock.js是一个很值得了解的生成随机数据的JS库,下面是mock.js的官网, 里面有详细文档, 利用它,你可以生成你想要的大部分类型数据
mock.js实例文档 - fastmock
我们可以直接利用mock.js在自己的项目中,创建api接口,但个人觉的利用下面的工具更为方便,并且更符合前后端分离开发的模式。
这是一个模拟接口的工具, 进入官网进行注册,登录, 创建项目, 编写接口即可,这里官方文档中都写的挺详细的 - mock数据校验请求参数
我们大多数时候请求发送post或者get请求的时候都会传递参数,然而这些参数怎么直接在mock数据中进行数据判断与校验并且返回呢,
这里用登录接口来举例:
{
status: ({ _req, Mock }) => {
let body = _req.body;
return body.username == "admin" && body.password == "123456"
? 200
: 500;
},
message: ({ _req, Mock }) => {
let body = _req.body;
return body.username == "admin" && body.password == "123456"
? "success"
: "error";
},
data: {
userInfo: function ({ _req, Mock }) {
let body = _req.body;
if (body.username === "admin" && body.password === "123456") {
return Mock.mock({
username: "admin",
password: "123456",
email: "@email",
address: "@address",
"age|10-30": 18,
"gender|0-1": 1,
"token": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOjUwMCwicmlkIjowLCJpYXQiOjE1MTI1NDQyOTksImV4cCI6MTUxMjYzMDY5OX0.eGrsrvwHm-tPsO9r_pxHIQ5i5L1kX9RX444uwnRGaIM"
});
} else {
return "请确认账号密码后再次重试";
}
},
},
};
其中传递过来的参数:
_req.body是post请求传递的参数
_req.qurey是get请求传递的参数