Easy Mock 和mockjs

2024-08-03

MockJS和Easy Mock使用

之前做mock数据一直用的json-server,今天同事给我推荐了很好用的工具:Easy Mock,我看完之后是下图的状态很得劲啊,感觉人生已经达到了高潮既能伪造接口,又能根据既定的规则生成对应的假数据,舒服啊 Easy Mock 是一个可视化,并且能快速生成模拟数据的持久化服务,链接:https://www.easy-mock.com/docs 但是看了看我发现它引入了mockjs,语法使用了mockjs的语法,所以我又跑去看mockjs,链接:http://mockjs.com/

【重点突破】—— Easy Mock的使用及Mock.js规范

前言:在线使用Easy Mock可视化工具,可以提供快速生成“模拟数据”的持久化服务: Mock.js是一个JS插件,指定了一套规范,而Easy Mock工具就遵循这些规范. 一.Easy Mock的使用官网官网地址:https://www.easy-mock.com/login 未注册用户直接登录便可注册使用创建个人项目自定义项目创建完成创建接口接口设置数据规则定义编辑接口更改数据接口设置更新预览数据二.Mock.js规范官网官网地址:http://mock

小程序——使用Easy Mock

使用Easy Mock 一.什么是Easy Mock Easy Mock 是一个可视化的能快速生成模拟数据的持久化服务.在实际开发中常见的Mock方式一般是将模拟数据直接写在代码里,利用JavaScript拦截请求或者利用 Charles.Fiddler等代理工具拦截请求,这样的开发效率比较低,并且产生的数据是写死的,不能去按照一定的规则去变化,并且浪费了非常多的时间,因此有了这个产品的出现,我们可以容易的访问数据,而且这些数据还是动态变化的,特别适合我们进行测试,学习成本非常低,可以说了

Easy mock - 安装配置和基本使用

Easy-mock easy-mock是一款比较好用的接口模拟工具, 使用之前我们需要安装和配置需要下载的内容有以下 Node Redis MongoDB Node和Redis一路点下一步就行, MongoDB可以参考 MongoDB安装和运行安装完成后就可以从github上下载easy-mock并开始使用了 $ git clone https://github.com/easy-mock/easy-mock.git $ cd easy-mock && npm install 依赖安装

本地部署Easy Mock

最近在自己捣腾个vue的项目,苦于没有接口测试.网上搜寻一遍,基本上是使用mock.js模拟数据.研究mock.js 过程中,发现很多人提到了Easy Mock,发现它更加的方便.但是访问Eash Mock基本是一个打不开的状态. 直接来到它的github.看它的issue,很多人都说到了它打不开的问题: 点开这些个issue,发现有个小天使自己搭建了一个easy-mock,他有提到推荐大家搭建本地版本.于是乎,就开始踏上了本地部署的道路. 对应的issue链接主要参考的博客: easy-mo

使用移动自适应布局+easy mock实现移动界面的简单实现

一.使用easy mock模拟数据 easy mock链接地址二.自己写移动自适应布局自己编写主要是利用rem进行宽度栅格布局: html { /* 相当于一个界面适配器,pc以及移动端都可以进行设置 */ font-size: 37.5px; } .box, .box1, .box2 { /* rem为相对单位适用于移动开发相对于根源即为html */ width: 10rem; height: 3rem; background-color: red; } .box1 { backgr

【mock】后端不来过夜半，闲敲mock落灯花（mockjs+Vuex+Vue实战）

mock的由来[假] 赵师秀:南宋时期的一位前端工程师诗词背景:在一个梅雨纷纷的夜晚,正处于项目编码阶段,书童却带来消息:写后端的李秀才在几个时辰前就赶往临安度假去了,!此时手头仅有一个简单的数据接口文档的赵师秀慨叹一声:"好吧,那还是我自己先模拟一下后端的接口吧" _(:3 」∠)_ 再后来,就有了那句千古名句啦~~( 为了表示对赵师秀先生的歉意,文末我将附上原文) 如果我说这就是前后端分离思想和mock.js的由来,你会信么?(ฅ´ω`ฅ) mock的由来[

（一）将mockjs集成到VUE中后，怎样根据接口入参返回mock结果

1)安装mockjs,这一步跳过 2)在项目中建立mock模块,笔者的目录结构如下 mock模块与接口模块一一对应,有一个接口,就有一个mock 3)编写登陆模块mock接口,代码如下: import * as appUtils from '../../utils/appUtils' /** * 系统接口MOCK模块 * @param opt */ export const login = { type: 'get', url: '/login', cb: opt => { const para

Mock 之搭建本地 MockJs

Mock 之搭建本地 MockJs 一.目的模拟后端接口二.发请求 1. install npm install axios 2. 配置 src/utils/request.js import axios from "axios"; // axios 导入包 const service = axios.create({}); // axios 简单配置 // /api/user/id token service.interceptors.request.use((config) =

Swagger2 (3) 集成easymock 生成mock 测试数据

转载:http://blog.csdn.net/sai739295732/article/details/73957138 2.可以集成swagger 3.我们来玩一下首先你需要一个swagger 服务: 其次我们需要一个easy-moke 网站账号: 接下来选择一个项目点击编辑项目的配置配置好项目信息之后点击更新swagger 就可以看到生成的接口接下来点击编辑,修改mock 数据的模型这里的数据模型的写法参考mock 语法:http://mockjs.com/examples.h

Mockjs，模拟数据生成器

(推荐使用)Mock.js是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试. 提供了以下模拟功能: 1. 根据数据模板生成模拟数据. 2. 模拟Ajax请求,生成并返回模拟数据. 3. 基于 HTML 模板生成模拟数据. PS:http://mockjs.com/ 用处在后端还没完成数据接口,前端只好写静态模拟数据的时候,Mockjs的用处: 1. 避免手动编写静态模拟数据,由代码生成,添加和删除数据都更简单.安全. 2. 可以生成尽可能真实的数据,提供了IP.随机

让我们来简单说说mockjs吧！

背景: 新接手了一个更新CRM的客户管理项目,负责添加三张活动财务表与操作的模块,接到任务时候,后台还没有做数据,所以用到了假数据,So就是这里所说的mockjs. 介绍: mockjs让前端独立于后端进行开发.基于数据模板生成数据,基于 HTML模板生成数据,拦截并模拟AJAX请求. 安装mockjs: npm install mockjs 简单的小栗子:(原谅我偷懒) // 使用 Mock var Mock = require('mockjs') var data = Mock.mock(

使用 mock.js 让前端开发与后端独立

直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> <scrip

Mock.js：前后端分离开发工具

概述 Mock.js实现的功能基于数据模板生成数据基于 HTML模板生成数据拦截并模拟 Ajax请求用法浏览器:  <script src="http://mockjs.com/dist/mock.js"></script> <script> // 使用 Mock var data = Mock.mock({ 'list|1-10': [{ 'id|+1': 1 }] }); $('

json-server mock数据

前言: 项目开发中,影响项目进程的常常是由于在前后端数据交互的开发流程中停滞,前端完成静态页面的开发后,后端迟迟未给到接口.而现在,我们就可以通过根据后端接口字段,建立一个REST风格的API接口,进而实现mock数据实现前端的独立开发. json-server 通过json-server完成mock数据 GitHub介绍:Get a full fake REST API with zero coding in less than 30 seconds (seriously) Created w

【mock.js】后端不来过夜半，闲敲mock落灯花 ——南宋·赵师秀

mock的由来[假] 赵师秀:南宋时期的一位前端工程师诗词背景:在一个梅雨纷纷的夜晚,正值产品上线的紧张时期,书童却带来消息:写后端的李秀才在几个时辰前就赶往临安度假去了, 赵师秀非常生气:"文档没有写!后端api写到一半又跑路!T!M!D!,好!老子自己写!" _(:3 」∠)_ 再后来,就有了那句千古名句啦~~( 为了表示对赵师秀先生的歉意,文末我将附上原文) 如果我说这就是前后端分离思想和mock.js的起源,你会信么?(ฅ´ω`ฅ) mock的由来[真

vue+mockjs 模拟数据，实现前后端分离开发

在项目中尝试了mockjs,mock数据,实现前后端分离开发. 关于mockjs,官网描述的是 1.前后端分离 2.不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据. 3.数据类型丰富 4.通过随机数据,模拟各种场景. 等等优点. 总结起来就是在后端接口没有开发完成之前,前端可以用已有的接口文档,在真实的请求上拦截ajax,并根据mockjs的mock数据的规则,模拟真实接口返回的数据,并将随机的模拟数据返回参与相应的数据交互处理,这样真正实现了前后台的分离开发. 与以往的自己

dva + antd + mockjs 实现基础用户管理

1.安装dva-cli npm install dva-cli -g 2.创建应用 dva new dvadashboard [dvadashboard为项目名] 3.安装mockjs npm install mockjs --save 4.配置mockjs 打开.roadhogrc.mock.js 设置如下 const fs=require('fs'); const path=require('path'); const mockPath=path.join(__dirname

Mock摆脱后端拖拉（借鉴官网）（一）

mock是一个模拟数据生成器,旨在帮助前端独立于后端进行开发,帮助编写单元测试.mock有如下功能根据数据模板生成模板数据模拟ajax请求,生成请求数据基于html模板生成模拟数据下载安装 npm install mockjs //使用mock var Mock = require('mockjs'); var mcok = Mock.mock({ ... }) mock的语法 mock的语法规范包含两层规范数据模板 (DTD) 数据占位符 (DPD) 数据模板DTD 末班规则:'na

axios + mock.js模拟数据实现前后端分离开发的实例代码

首先就是必须安装axios和mock.js npm install axios npm install mockjs 1. 然后在文档src中新建一个mock.js文件,如图 2. 在main.js中全局引入axios插件和mock.js文件如图 3. 在组件中用axios获取mock.js文件 4. 在mock.js mockjs的用法可以到官网了解:http://mockjs.com(小生初学mock.js有不当之处请指出)

Easy Mock 和mockjs

热门专题