mock

一、 Mock数据:实现前端分离开发,在后端没有准备好数据接口的情况,前端也可自行模拟数据

二、 mock数据的插件有很多,目前我推荐:mockjs

  mockJS官网:http://mockjs.com/
  demo地址:http://mockjs.com/examples.html

mockjs具体语法:

参考资料:
1.https://segmentfault.com/a/1190000010211622

    mock语法:   ‘属性|规则’:值

1.生成字符串
    Mock.mock({
      "string|1-10": "★★★"     //随机生成1-10个星号
    })

    Mock.mock({
      "string|3": "★★★"   //随机生成固定个数的星号
    })

2.生成数字
    Mock.mock({
      "number|1-100.2": 1  //随机生成整数部分在1-100之间的数,但小数为2位
    })

3.生成布尔

     Mock.mock({
        'name|1':true,          //生成一个布尔值,各一半
        'name1|1-3':true        //1/4是true,3/4是false
    })
 4.

    Mock.mock({

             "name":"@cname",  //生成中文名称
             "email":"@email",  //生成邮箱
             "price|200-1000.2":230,  //生成带小数价格
             "imgurl":"@image(200x100)",  //生成尺寸为200*100图片
             "title":"@ctitle",    //生成中文标题
             "paragraph":"@cparagraph",   //生成中文段落
             "pubdate":"@date(yyyy-MM-dd HH:mm:ss)",  //生成日期 年月日时分秒
             "address":"@province @city @county"  //生成地址 省市县
             "zip":"@zip"

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • tags: 前后端分离 mock AJAX 工作流 前端 引入 mock(模拟): 是在项目测试中,对项目外部或不...
    CntChen阅读 2,908评论 1 20
  • 一、为什么要模拟数据? 项目开发中,前端工程师需要依赖后端工程师的数据接口以及后端联调环境。但是其实我们也可以根据...
    小小美呀阅读 6,902评论 0 8
  • 猴赛雷的2016年,我30岁。 这一年,生了闺女,母乳了一年,学会了开车,体重变成两位数。 这一年,李先森外地就职...
    草上霜阅读 313评论 0 0
  • 微小陌の第10期推送 寒假余额不足,小陌怀疑过了假年 不知道大家的假期是不是都充实而美好? 反正小陌是这样度过的:...
    微小陌阅读 809评论 0 1
  • 第三章 意外拜师 熟悉的山洞,陌生的环境,曾经的一切都已经改头换面,焕然一新。褪去了昔日的冰冷,增添了一份...
    yangyunjia52阅读 291评论 0 3

友情链接更多精彩内容