前端html后端接口设计实例,Mockjs,再也不用追着后端小伙伴要接口了

相信大家都存在这样的一个困扰,在前后端分离的大环境下,

前端需要后端的接口去完成页面的渲染,

但是大部分的情况下,前后端需要同时进行开发,

这种情况下,后端还没完成数据输出,前端只好写静态模拟数据。

那么问题就来了

数据太长了,将数据写在js文件里,完成后挨个改url。

某些逻辑复杂的代码,加入或去除模拟数据时得小心翼翼。

想要尽可能还原真实的数据,要么编写更多代码,要么手动修改模

拟数据。

特殊的格式,例如IP,随机数,图片,地址,需要去收集。

前几天看到mock.js的一些介绍,然后自己写了个案列跑起来了,发现还是比较实用的,所以这边整理出文章,推荐给大家

1.mock是什么?

dd23a6547114

mock官网介绍截图

2.mock可以模拟哪些数据?

string

number

bool

array

object

guid

id

title

paragraph

image

address

date

time

url

email

ip

regexp

直接附上代码

// 使用 Mock

let Mock = require('mockjs');

Mock

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值