美文网首页
EasyMock入门指南

EasyMock入门指南

作者: studentliubo | 来源:发表于2020-01-09 11:11 被阅读0次

说明:本来之前也就自己随意用用,头段时间团队协作开发,后台忙不过来,故前端自己造数据,然后我就推荐了这个EasyMock,调研以后发现这家伙的网站不定时的就会无法访问,然后自己动手部署了一个,具体的部署步骤官网
已经给出了,按照说明文档一步步来基本没啥问题,留下这篇文章是为了为技术分享做知识储备,因为这个东西我感觉基本每位开发都会用的上,所以拿出来分享也是一件美事,毕竟大家相互学习才能提高。

正文

1、EasyMock是你可以认为是一个在线版的MockJs平台,和mockjs的语法一样。除了MockJs的优势外,还有如下优势:

  • 无需配置、可多人协作
  • 不需要写代码(爽...)

首页就是下面这个样子:


首页.png

2、创建接口

  • 基础语法
{
  "code": 0,
  "msg": null,
  "result|1-10": [{ // 数据模板
   "id": "@id",
   "name": "@cname", 
   "age": "@natural(60, 100)" // 数据占位符
  }]
}
{
  "status": 0,
  name: function({
    _req
  }) {
    return _req.query.type
  },
  data: function({
    _req,
    Mock
  }) {
    return _req.query.type ? {
      id: Mock.mock("@id()"),
      cname: Mock.mock("@cname()"),
    } : {}
  },
  "list|1-4": [{
    "id": "@id",
    "name": "@cname",
    "IP": "@ip",
    "email": "@email",
    "age": "@natural(60, 100)"
  }],
  "string|1-10": "★"
}

b. 语法提示
现在数据编辑器支持语法提示,可以输入em.即可。

结束

上述知识不全,因为我发现每个easy-mock项目里面就有详细的教程,除了基本语法,还包括高级用法等。与其在此班门弄斧不如告知你学习的路径在哪儿。

相关文章

网友评论

      本文标题:EasyMock入门指南

      本文链接:https://www.haomeiwen.com/subject/ikzkvctx.html