Mock.js篇：数据模板定义规范DTD

最新推荐文章于 2024-01-18 19:35:06 发布
最新推荐文章于 2024-01-18 19:35:06 发布
阅读量307 收藏
点赞数
分类专栏： Mock.js篇

Mock.js 的语法规范包括两部分：
（1）数据模板定义规范（Data Template Definition，DTD）；
（2）数据占位符定义规范（Data Placeholder Definition，DPD）。

数据模板中的每个属性由三部分构成：属性名、生成规则、属性值。

 

  1. // 属性名   name

  2. // 生成规则 rule

  3. // 属性值   value

  4. 'name|rule': value

属性名和生成规则之间用竖线|分隔。生成规则是可选的。生成规则有7种格式：
(1)'name|min-max': value
(2)'name|count': value
(3)'name|min-max.dmin-dmax': value
(4)'name|min-max.dcount': value
(5)'name|count.dmin-dmax': value
(6)'name|count.dcount': value
(7)'name|+step': value
生成规则的含义需要依赖属性值的类型才能确定。属性值中可以含有@占位符。属性值还指定了最终值的初始值和类型。

1、属性值是字符串

(1)'name|count':string

通过重复string生成一个字符串，重复次数等于count。

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5': [{

  5. 'id': 1,

  6. 'name':'测试',

  7. 'phone|11':'1' //字符串重复生成

  8. }]

  9. })

  10. // 输出结果

  11. console.log(JSON.stringify(data,null,2))

（2）'name|min-max':string

通过重复生成一个字符串，重复次数大约等于min，小于等于max。

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5': [{

  5. 'id': 1,

  6. 'name|2-4':'测试',//'name|min-max': string写法

  7. 'phone|11':'1'

  8. }]

  9. })

  10. // 输出结果

  11. console.log(JSON.stringify(data,null,2))

2、属性值是数字number

（1）'name|+1': number
属性值自动加 1，初始值为 number。

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5': [{

  5. 'id|+1': 1,//属性值自动加1

  6. 'name|2-3':'测试',

  7. 'phone|11':'1'

  8. }]

  9. })

  10. // 输出结果

  11. console.log(JSON.stringify(data,null,2))

（2）'name|min-max': number
生成一个大于等于min、小于等于max的整数，属性值number只是用来确定类型。

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5': [{

  5. 'id|+1': 1,

  6. 'name|2-3':'测试',

  7. 'phone|11':'1',

  8. 'point|122-500':0 //数值生成一个范围

  9. }]

  10. })

  11. // 输出结果

  12. console.log(JSON.stringify(data,null,2))

（3）'name|min-max.dcount': value 生成一个浮点数，整数部分大于等于 min、小于等于max，小数部分为dcount位

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5': [{

  5. 'id|+1': 1,

  6. 'name|2-3':'测试',

  7. 'phone|11':'1',

  8. 'point|122-500':0,

  9. 'money|3000-8000.2':0//生成一个范围，且点.后面2表示2位小数

  10. }]

  11. })

  12. // 输出结果

  13. console.log(JSON.stringify(data,null,2))

 （4）'name|min-max.dmin-dmax': number
生成一个浮点数，整数部分大于等于min、小于等于 max，小数部分保留dmin到dmax位。

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5': [{

  5. 'id|+1': 1,

  6. 'name|2-3':'测试',

  7. 'phone|11':'1',

  8. 'point|122-500':0,

  9. 'money|3000-8000.2':0,

  10. 'money2|1000-5000.2-4':0,//整数在1000-5000范围内，小数在2位到4位之间

  11. }]

  12. })

  13. // 输出结果

  14. console.log(JSON.stringify(data,null,2))

3、属性值是布尔

（1）'name|1': boolean
随机生成一个布尔值，值为true的概率是 1/2，值为false的概率同样是1/2

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5': [{

  5. 'id|+1': 1,

  6. 'name|2-3':'测试',

  7. 'phone|11':'1',

  8. 'point|122-500':0,

  9. 'money|3000-8000.2':0,

  10. 'status|1':true//生成一个布尔类型

  11. }]

  12. })

  13. // 输出结果

  14. console.log(JSON.stringify(data,null,2))

（2）'name|min-max': value
随机生成一个布尔值，值为valu 的概率是 min/(min + max)

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5': [{

  5. 'id|+1': 1,

  6. 'name|2-3':'测试',

  7. 'phone|11':'1',

  8. 'point|122-500':0,

  9. 'money|3000-8000.2':0,

  10. 'status|1':true,

  11. 'default|1-3':true//随机生成一个布尔值

  12. }]

  13. })

  14. // 输出结果

  15. console.log(JSON.stringify(data,null,2))

4、属性值是Object

（1）'name|count': object
从属性值object中随机选取count个属性。

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5': [{

  5. 'id|+1': 1,

  6. 'name|2-3':'测试',

  7. 'phone|11':'1',

  8. 'point|122-500':0,

  9. 'money|3000-8000.2':0,

  10. 'status|1':true,

  11. 'default|1-3':true,

  12. 'detail|2':{'id':1,'date':'2005-01-01','content':'记录'}

  13. }]

  14. })

  15. // 输出结果

  16. console.log(JSON.stringify(data,null,2))

（2）'name|min-max': object
从属性值object中随机选取 min到 max个属性

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5': [{

  5. 'id|+1': 1,

  6. 'name|2-3':'测试',

  7. 'phone|11':'1',

  8. 'point|122-500':0,

  9. 'money|3000-8000.2':0,

  10. 'status|1':true,

  11. 'default|1-3':true,

  12. 'detail|2-3':{'id':1,'date':'2005-01-01','content':'记录'}

  13. }]

  14. })

  15. // 输出结果

  16. console.log(JSON.stringify(data,null,2))

5、属性值是数组

（1）'name|count': array
通过重复属性值 array 生成一个新数组，重复次数为 count
（2）'name|min-max': array
通过重复属性值 array 生成一个新数组，重复次数大于等于 min，小于等于 max。

 

  1. // 使用 Mock

  2. let Mock = require('mockjs')

  3. let data = Mock.mock({

  4. 'list|5-10': [{

  5. 'id|+1': 1,

  6. 'name|2-3':'测试',

  7. 'phone|11':'1',

  8. 'point|122-500':0,

  9. 'money|3000-8000.2':0,

  10. 'status|1':true,

  11. 'default|1-3':true,

  12. 'detail|2-3':{'id':1,'date':'2005-01-01','content':'记录'}

  13. }]

  14. })

  15. // 输出结果

  16. console.log(JSON.stringify(data,null,2))

蜗牛不会跑~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用mockjs模拟数据
Stephy_Yy
05-17 830
一、安装 简单粗暴 npm install mockjs 二、引入 CommonJS引入 let Mock = require('mockjs') let userInfo = Mock.mock({ data: { responseCode: 200, responseMessage: 'success', userMessage: { name: "@cname", email: "@email",
mockjs数据模板使用
weixin_45102212的博客
11-11 696
开发项目中，后台没开发好我们就自己模拟数据，一般有2种方式，使用mock,其次是自己写在页面里面烦人假数据。 这个看自己喜好，我基本写是假数据，类似这样的 还有就是使用mock数据模拟,自己可以看官网：http://mockjs.com/ 1、在项目里面首先安装mock： npm install mockjs 2、在api里面新建一个mock.js,引入import Mock from ‘mockjs’ 3、api里面新建文件夹准备数据home.js home.js数据可以自己写想要的，怎么简单怎么
Mock.js篇2：数据模板定义规范DTD
u013089490的博客
12-10 461
Mock.js 的语法规范包括两部分： （1）数据模板定义规范（Data Template Definition，DTD）； （2）数据占位符定义规范（Data Placeholder Definition，DPD）。 数据模板中的每个属性由三部分构成：属性名、生成规则、属性值。 // 属性名   name // 生成规则 rule // 属性值   value 'name|rule': v...
玩转Mock.js：构建模拟数据的利器
最新发布
会思想的苇草i的博客
01-18 2406
在本篇文章中，介绍了Mock的基础知识和语法规范，并探讨了它在前端开发中的重要性。此外还分享了如何结合Axios和Mock快速进行接口测试和开发，以提高前端开发效率。最后对常见的mock方案进行简要概述和对比，分析利弊，希望能在日常开发中帮助到大家。
数据标准定义
WangYouJin321的博客
07-25 1191
数据标准是一组约定和规范，用于定义数据的结构、格式、内容和表示方式，以确保数据在不同系统、平台和组织之间能够有效地交换、共享和理解。数据标准的目的是消除数据不一致性、混乱和误解，提高数据质量和一致性，从而促进数据的可靠性、可用性和可持续性。通过采用统一的数据标准，可以降低数据集成的复杂性和成本，减少数据错误和冲突，增强数据的可信度和可用性，从而提高数据的管理和应用效率。数据命名标准：规定数据对象、字段和属性的命名规则，确保名称的一致性和可读性。数据处理标准：规范数据采集、存储、处理和清理的方法和流程。
mock.js教程之数据模板定义规范
悦.L的博客
12-01 948
什么是Mock.js 打开Mock.js的官网首页，我们可以看到这几个字：生成随机数据，拦截 Ajax 请求。这句话告诉了我们Mock。 通过随机数据，模拟各种场景；不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据；支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等；支持支持扩展更多数据类型，支持自定义函数和正则。 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型. 安装Mock.js 方法一：通过 npm 包管理工具下载 npm install mockjs
Mock.js:模拟数据生成器-开源
05-13
Mock.js是一个模拟数据生成器，可帮助前端开发和原型与后端进度分开，并减少某些单调性，尤其是在编写自动化测试时。 生成随机数据并拦截Ajax请求。 让前端攻城师独立于后端发展。 通过随机数据，可以模拟各种情况。...
jsf.mock.js:jsf.js 模拟
06-27
jsf.mock.js 当涉及到 TDD 时，需要以某种方式jsf.js 快速开始 只需包含jsf.mock.js就可以了。 模拟方法： jsf.ajax.addOnEvent将给定函数作为普通事件处理程序添加到本地数组 jsf.ajax.addOnError将给定的函数...
vue+mock.js实现前后端分离
10-16
Vue.js 是一个轻量级的前端框架，而Mock.js 是一个用于模拟数据的工具，它们结合使用可以在开发过程中模拟后端API，使前端开发得以独立进行。 **安装Mock.js** 在Vue项目中使用Mock.js，首先需要通过npm 安装： ``...
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
10-22
在Node.js环境中，Mock.js是一个非常实用的库，它允许开发者在开发过程中模拟API数据，从而避免了对真实API的依赖。...通过灵活的数据模板和拦截机制，Mock.js极大地提高了前端开发的效率和独立性。
mock.js模拟数据实现前后端分离
10-16
主要为大家详细介绍了mock.js模拟数据实现前后端分离，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue全家桶从基础入门到进阶项目实战第三篇中级进阶实战篇
05-10
本课程主要讲解vue实例常用属性和方法、自定义指令、自定义过滤器、过度、开发插件、组件及组件间的通信、使用axios发送http请求、使用Vue Router实现路由控制，使用webpack打包工具的用法、ES6的语法、webpack与各种插件的配合使用、Vue cli脚手架的搭建、Element UI的应用、Vuex的应用、Mock和Easymock的应用.
【mock】数据模板定义规范DTD 数据占位符定义规范DPD
snailisBigbull的博客
08-26 593
2.2.4、数据模板定义规范DTD 数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值 属性名 和 生成规则 之间用竖线 | 分隔。 生成规则 是可选的。 生成规则 有 7 种格式： 'name|min-max': value 'name|count': value 'name|min-max.dmin-dmax': value 'name|min-max.dcount': value...
Mock.js——数据模板定义
a1178118728的博客
09-25 133
1. 安装 npm install mockjs --save-dev　　//安装开发依赖 2. 数据模板定义规则 Mock.mock({...}) String: 'string|num1-num2':str eg:'name|1-5':'*' //从num1和num2之间随机取值a，复制a个str并连接成一个字符串 'str...
数据标准详细概述-2022
ytp552200ytp的博客
07-21 1万+
数据标准详细概述-2022
【接口测试】接口mock之基础知识
热门推荐
2024 做自己的太阳
06-27 1万+
Mock：In object-oriented programming, mockobjects are simulated objects that mimic the behavior of real objects incontrolled ways. A computer programmer typically creates a mock object to testthe beh
EasyMock：Mock.js的DTD和DPD规范，EasyMock使用说明
Sakuraaaaaaa的博客
08-24 319
Mock.js： 什么是Mock.js， Mock.js入门， 数据模板定义规范DTD， 数据占位符定义规范DPD。 EasyMock： 在线使用EasyMock， 自建easymock。
mock js语法规范—数据模板定义
一只前端小菜鸟
03-28 1366
mock.js是前端开发中实现前后端分离所必不可少的，上次我们讲了简单的使用mock.js，那么这次我们来介绍一下mock.js的语法规范。 Mock.js的语法规范包括两部分： 数据模板定义（Data Temaplate Definition，简称DTD） 数据占位符定义（Data Placeholder Definition，简称DPD） 本次主要讲述mock.js的数据模板定义。 数...
正确开启Mockjs的三种姿势：入门参考（一）
weixin_30572613的博客
10-24 1092
一、文章初衷 阅读本文章需要注意以下几点: 文章不主要介绍Mockjs的使用语法 文章暂不涉及Mockjs的第三方封装框架 文章会结合以往做过上线项目的方式总结 想主要介绍如何使用Mockjs,是因为发现网上针对这方面的资料好像并不多，并且比较分散。想要做一次总结，希望能帮助解决入门Mockjs的新人使用的一些疑惑 1.1 简单介绍一下Mock.js 众所周知Mock.js因为两个重要的特性...
mock.js进行模拟数据的生成
06-08
Mock.js使用JSON Schema规则来定义生成模拟数据的规则，可以根据需要定义各种类型的数据，如字符串、数字、布尔值、数组等。以下是一个简单的Mock规则示例： ```json { "name": "Mock.js", "url": ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值