10分钟学会mock.js


1.1、安装:yarn add mockjs -S

输入:yarn add mockjs -S
1
(在当前项目下安装 Mock) myapp 是项目名称

1.2、看网站的示例,实例就是语法

1.3、创建文件夹
在项目下创建 》 mock文件夹 》再创建 index.js


总结
mock.mock()
参数1:请求地址 选填 url
参数2: 请求类型 选填 type
参数3:数据模板 | 函数

mock.mock()网址: https://github.com/nuysoft/Mock/wiki/Mock.mock()#mockmock-rurl-rtype-templatefunction-options--

a、数据生成

index。js  文件   》》》在终端输入 node  index  就可以运行查看了
const Mock = require("mockjs"); //引入
const url = require("url") 

/*

mock.mock()
参数1:请求地址 选填  url
参数2: 请求类型 选填  type
参数3:数据模板 | 函数    
*/
var data = Mock.mock({
    "data|100":[   //意思是data数组中有100条数据
        {  //这个对象是用来写数据模板的
          "id|+1":0,   //初始值是0每次id都+1
          "goodsName":"@ctitle(3, 5)",   //看官网,这个名字是3-5之间的
          "goodsPrice|+1":100,   //这个类似上面的id一个,只是初始值是从100开始的
          "address":"@county(true)",   //这个是地址,@county(true)  对象的属性值都是mock.mock()提供的方法,直接拿过来用就可以了
          "tel":/^1(3|5|7|8|9)\d{9}$/,   //正则写的电话后面1开头,正则不懂自己去学!!!!!!!!!!!很重要
          "goodsImg":"@image('200x100', '#894FC4', '#FFF', 'alley')", // 图片
          "date":'@date("yyyy-MM-dd M:dd:d")',  //时间
          "email":"@email()"  //邮箱
        }
    ]
})


 
 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值