mock数据规则
Mock数据规则
随机生成100条内的list数据
let Mock = require("mockjs");
let basicData = Mock.mock({
"list|1-100": [
{
"id|+1": 1,
isBoolean: "@boolean(10, 0, true)", //百分之百的true
naturalNumber: "@natural(1, 1000)", //大于等于零的整数
integer: "@integer(0)", //随机整数
float: "@float(1, 100, 3, 6)", //随机浮点数,
character: '@character("upper")', //一个随机字符
string: '@string("lower", 5, 20)', //一串随机字符串
range: "@range(1, 10, 2)", //一个整形数组,步长为2
},
],
});
// console.log(basicData);
生成10条数据的dateList,时间日期型
let Date = Mock.mock({
"dateList|10": [
{
date: "@date",
"date-yyyy-MM-dd": "@date(yyyy-MM-dd)",
"date-yy-MM-dd": "@date(yy-MM-dd)",
"date-y-MM-dd": "@date(y-MM-dd)",
"date-y-M-d": "@date(y-M-d)",
"line-through": "------------------------------------------------",
timessss: "@time", //随机的时间字符串,
"time-format": "@time()", //指示生成的时间字符串的格式, default: 'HH: mm: ss',
"time-format-1": '@time("A HH:mm:ss")',
"time-format-2": '@time("a HH:mm:ss")',
"time-format-3": '@time("HH:mm:ss")',
"time-format-4": '@time("H:m:s")',
"time-format-5": "@time(yyyy.M.d)",
datetime: '@datetime("yyyy-MM-dd A HH:mm:ss")', //返回一个随机的日期和时间字符串
dateNow: '@now("second")', //获取当前完整时间
},
],
});
// console.log(Date);
图片生成规则
let imageList = Mock.mock({
"imageList|5": [
{
"id|+1": 1,
img: "@image", //生成一个随机的图片地址,
"img-1": '@image("200x100", "#000", "#fff", "png", "Mock.js")', //生成一个200*100, 背景色#000,前景色#fff, 格式png, 文字mock.js的图片
},
],
});
// console.log(imageList);
随机中文生成规则
let paragraph = Mock.mock({
"paragraphList|5": [
{
"id|+1": 1,
paragraph1: "@cparagraph(2)", //生成一段2句话的中文文本,
paragraph2: "@paragraph(3)", //生成一个3句话的英文文本
title: "@title", //随机生成一个英文标题
ctitle: "@ctitle", //随机生成一个中文标题
},
],
});
// console.log(paragraph);
随机生成中文名和英文名
let name = Mock.mock({
"nameList|5": [
{
"id|+1": 1,
name: "@name", //英文名,
cname: "@cname", //中文名
},
],
});
// console.log(name);
随机生成网址等
let webList = Mock.mock({
"webList|5": [
{
"id|+1": 0,
url: '@url("http", "baidu.com")', //url: <http://www.baidu.com>
protocol: "@protocol", //随机生成一个url协议
domain: "@domain", //随机生成一个域名,
email: "@email", //随机生成一个邮箱地址,
ip: "@ip", //随机生成一个ip地址
},
],
});
// console.log(webList);
随机生成区域地址
let address = Mock.mock({
"addressList|5": [
{
"id|+1": 1,
region: "@region", //生成一个大区
province: "@province", //生成一个省份
city: "@city", //生成一个市
county: "@county", //一个县
zip: "@zip", //邮政编码
},
],
});
// console.log(address);
mock数据规则的更多相关文章
- 前端通信:ajax设计方案(十)--- 完善Promise A+规范,增加mock数据功能
半年不迭代,迭代搞半年,说的就是我,这里有点尴尬了,直接进入主题吧 我记得在这篇博客的时候集成了Promise的,不过那个时候就简简单单的写了一点最基础,在一些特殊的case上,还是有点问题的,所以才 ...
- mock以及特殊场景下对mock数据的处理
一.为什么要mock 工作中遇到以下问题,我们可以使用mock解决: 无法控制第三方系统某接口的返回,返回的数据不满足要求 某依赖系统还未开发完成,就需要对被测系统进行测试 有些系统不支持重复请求,或 ...
- Electron-vue实战(二)— 请求Mock数据渲染页面
Electron-vue实战(二)— 请求Mock数据渲染页面 作者:狐狸家的鱼 本文链接 GitHub:sueRimn 一.环境搭建 1.安装Mock.js 如果仅仅用作脱离后台的模拟数据,就安装在 ...
- vue从mock数据过渡到使用后台接口
说明: 最近在搭建一个前端使用vue-element-admin,后端使用springBoot的项目. 由于vue-element-admin使用的是mock的模拟数据跑起来的项目,所以在开发过程中难 ...
- Charles抓包 mock数据和rewrite功能
一.mock数据 mock:在后端返回异常或需要=改前端展示的数据时可以模拟返回的response 1.1 抓到接口后 右击保存response到本地,后缀改成.json打开可以看到是把json保存下 ...
- vue-cli项目中怎么mock数据
在vue项目中, mock数据可以使用 node 的 express模块搭建服务 1. 在根目录下创建 test 目录, 用来存放模拟的 json 数据, 在 test 目录下创建模拟的数据 data ...
- json-server mock数据
前言: 项目开发中,影响项目进程的常常是由于在前后端数据交互的开发流程中停滞,前端完成静态页面的开发后,后端迟迟未给到接口.而现在,我们就可以通过根据后端接口字段,建立一个REST风格的API接口,进 ...
- 微信小程序教学第二章(含视频):小程序中级实战教程之预备篇 - 封装网络请求及 mock 数据
§ 封装网络请求及 mock 数据 本文配套视频地址: https://v.qq.com/x/page/i05544fogcm.html 开始前请把 ch2-3 分支中的 code/ 目录导入微信开发 ...
- vue-cli项目使用mock数据的方法(借助express)
前言 现如今前后端分离开发越来越普遍,前端人员写好页面后可以自己模拟一些数据进行代码测试,这样就不必等后端接口,提高了我们开发效率.今天就来分析下前端常用的mock数据的方式是如何实现的. 主体 项目 ...
- Vue CLI 3.0脚手架如何在本地配置mock数据
前后端分离的开发模式已经是目前前端的主流模式,至于为什么会前后端分离的开发我们就不做过多的阐述,既然是前后端分离的模式开发肯定是离不开前端的数据模拟阶段. 我们在开发的过程中,由于后台接口的没有完成或 ...
随机推荐
- 35.Linux 性能监控常用命令
内存 top CPU yum install -y sysstat mpstat 网络 netstat //参数说明 //-n:拒绝显示别卖,能显示数字的全部转化数字 //-l:仅列出Listen(监 ...
- abc289g题解
考虑枚举卖出的物品个数\(i\),把\(b_i\)从大到小排序. 题目的某人会买物品的条件转化为\(b_i\geq p_j-c_j\),这说明卖出的物品的集合是排序后\(b\)的一段前缀,且卖出\(i ...
- 2357. 使数组中所有元素都等于零 (Easy)
问题描述 2357. 使数组中所有元素都等于零 (Easy) 给你一个非负整数数组 nums .在一步操作中,你必须: 选出一个正整数 x , x 需要小于或等于 nums 中 最小 的 非零 元素. ...
- 面试视频知识点整理1-13(mvvm框架)
1.了解mvvm框架吗? Vue.js React Angular 2.谈谈你对mvvm的认识 由mvc和mvp演变而来 3.双向绑定是什么原理? object.defineProperty的用法要熟 ...
- (面试加分新技能) 总结11个ES2022中你可能遗漏的语法
与许多其他编程语言一样,JavaScript 也在不断发展,每年,该语言都会通过新功能变得更强大,让开发人员编写更具表现力和简洁的代码.让我们探索 ECMAScript 2022 (ES13) 中添加 ...
- 解决The following signatures couldn't be verified because the public key is not available: NO_PUBKEY FEEA9169307EA071 NO_PUBKEY 8B57C5C2836F4BEB
问题 yang@k8s-master:/etc/apt/sources.list.d$ sudo apt update Get:1 https://mirrors.aliyun.com/kuberne ...
- ubuntu 20.04 修改静态IP和dhcp自动分配IP
一.静态分配固定IP kuaibang@k8smaster:~$ sudo nano /etc/netplan/00-installer-config.yaml # This is the netwo ...
- 实验:STM32-ARDUINO-ESP01采用AT指令,通过MQTT连接上ONENET
1.硬件准备 要求:STM32支持Arduino. 2.程序逻辑结构 3.主流程状态机 4.测试数据抓图 5. 关键程序代码 unsigned char g_ArrTemp[1024]; int AT ...
- 小批量excel数据导入oracle
前提是小批量数据,大批量的还是建议用sqlloader 使用PLSQL Developer工具,这个可是大名鼎鼎的Oracle DBA最常使用的工具.在单个文件不大的情况下(少于100000行),并且 ...
- [2010年NOIP普及组] 接水问题
学校里有一个水房,水房里一共装有 m 个龙头可供同学们打开水,每个龙头每秒钟的供水量相等,均为 1. 现在有 n 名同学准备接水,他们的初始接水顺序已经确定.将这些同学按接水顺序从1到n编号,i 号同 ...