Mock 工具最强封装

最新推荐文章于 2022-09-26 17:47:05 发布
最新推荐文章于 2022-09-26 17:47:05 发布
阅读量734 收藏 2
点赞数 1
分类专栏： vue 文章标签： mock.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38982591/article/details/103900015
版权

安装mock包

npm install mockjs --save

最强工具类

import Mock from 'mockjs'
import { baseUrl } from '@/utils/global'
import * as login from './modules/login'
import * as user from './modules/user'
import * as role from './modules/role'
import * as dept from './modules/dept'
import * as menu from './modules/menu'
import * as dict from './modules/dict'
import * as config from './modules/config'
import * as log from './modules/log'
import * as loginlog from './modules/loginlog'

// 1. 开启/关闭[所有模块]拦截, 通过调[openMock参数]设置.
// 2. 开启/关闭[业务模块]拦截, 通过调用fnCreate方法[isOpen参数]设置.
// 3. 开启/关闭[业务模块中某个请求]拦截, 通过函数返回对象中的[isOpen属性]设置.
// let openMock = true
let openMock = true
fnCreate(user, openMock)
fnCreate(role, openMock)
fnCreate(dept, openMock)
fnCreate(menu, openMock)
fnCreate(dict, openMock)
fnCreate(config, openMock)
fnCreate(log, openMock)
fnCreate(loginlog, openMock)
fnCreate(login, openMock)

/**
 * 创建mock模拟数据
 * @param {*} mod 模块
 * @param {*} isOpen 是否开启?
 */
function fnCreate (mod, isOpen = true) {
  
  if (isOpen) {
    for (var key in mod) {
      ((res) => {
        if (res.isOpen !== false) {
          let url = baseUrl
          if(!url.endsWith("/")) {
            url = url + "/"
          }
          url = url + res.url
          // alert(url)
          Mock.mock(new RegExp(url), res.type, (opts) => {
            opts['data'] = opts.body ? JSON.parse(opts.body) : null
            delete opts.body
            // console.log('\n')
            // console.log('%cmock拦截, 请求: ', 'color:blue', opts)
            // console.log('%cmock拦截, 响应: ', 'color:blue', res.data)
            return res.data
          })
        }
      })(mod[key]() || {})
    }
  }
}

模块 user 示例

/* 
 * 用户管理模块
 */

// 保存
export function save() {
  return {
    url: 'user/save',
    type: 'post',
    data: {
      "code": 200,
      "msg": null,
      "data": 1
    }
  }
}
// 批量删除
export function batchDelete() {
  return {
    url: 'user/delete',
    type: 'post',
    data: {
      "code": 200,
      "msg": null,
      "data": 1
    }
  }
}
// 分页查询
export function findPage(params) {
  let findPageData = {"code":200,"msg":null,"data":{"pageNum":1,"pageSize":9,"totalSize":12,"totalPages":2,"content":[{"id":1,"createBy":"admin","createTime":"2018-08-14T03:11:11.000+0000","lastUpdateBy":"admin","lastUpdateTime":"2018-08-14T03:11:11.000+0000","name":"admin","nickName":"超管","avatar":null,"password":"bd1718f058d8a02468134432b8656a86","salt":"YzcmCZNvbXocrsz9dm8e","email":"admin@qq.com","mobile":"13612345678","status":1,"deptId":4,"delFlag":0,"deptName":"上海分公司","roleNames":"超级管理员","userRoles":[{"id":1,"createBy":null,"createTime":null,"lastUpdateBy":null,"lastUpdateTime":null,"userId":1,"roleId":1}]},{"id":22,"createBy":"admin","createTime":"2018-09-23T11:43:00.000+0000","lastUpdateBy":"admin","lastUpdateTime":"2019-01-10T03:41:13.000+0000","name":"liubei","nickName":"刘备","avatar":null,"password":"fd80ebd493a655608dc893a9f897d845","salt":"YzcmCZNvbXocrsz9dm8e","email":"test@qq.com","mobile":"13889700023","status":1,"deptId":7,"delFlag":0,"deptName":"技术部","roleNames":"项目经理","userRoles":[{"id":80,"createBy":null,"createTime":null,"lastUpdateBy":null,"lastUpdateTime":null,"userId":22,"roleId":2}]},{"id":23,"createBy":"admin","createTime":"2018-09-23T11:43:44.000+0000","lastUpdateBy":"admin","lastUpdateTime":"2018-09-23T11:43:52.000+0000","name":"zhaoyun","nickName":"赵云","avatar":null,"password":"fd80ebd493a655608dc893a9f897d845","salt":"YzcmCZNvbXocrsz9dm8e","email":"test@qq.com","mobile":"13889700023","status":1,"deptId":7,"delFlag":0,"deptName":"技术部","roleNames":"开发人员","userRoles":[{"id":81,"createBy":null,"createTime":null,"lastUpdateBy":null,"lastUpdateTime":null,"userId":23,"roleId":3}]},{"id":24,"createBy":"admin","createTime":"2018-09-23T11:44:23.000+0000","lastUpdateBy":"admin","lastUpdateTime":"2018-09-23T11:44:29.000+0000","name":"zhugeliang","nickName":"诸葛亮","avatar":null,"password":"fd80ebd493a655608dc893a9f897d845","salt":"YzcmCZNvbXocrsz9dm8e","email":"test@qq.com","mobile":"13889700023","status":7,"deptId":11,"delFlag":0,"deptName":"市场部","roleNames":"测试人员","userRoles":[{"id":82,"createBy":null,"createTime":null,"lastUpdateBy":null,"lastUpdateTime":null,"userId":24,"roleId":4}]},{"id":25,"createBy":"admin","createTime":"2018-09-23T11:45:32.000+0000","lastUpdateBy":"admin","lastUpdateTime":"2019-01-10T09:59:14.000+0000","name":"caocao","nickName":"曹操","avatar":null,"password":"fd80ebd493a655608dc893a9f897d845","salt":"YzcmCZNvbXocrsz9dm8e","email":"test@qq.com","mobile":"13889700023","status":1,"deptId":8,"delFlag":0,"deptName":"技术部","roleNames":"项目经理","userRoles":[{"id":74,"createBy":null,"createTime":null,"lastUpdateBy":null,"lastUpdateTime":null,"userId":25,"roleId":8},{"id":75,"createBy":null,"createTime":null,"lastUpdateBy":null,"lastUpdateTime":null,"userId":25,"roleId":2}]},{"id":26,"createBy":"admin","createTime":"2018-09-23T11:45:48.000+0000","lastUpdateBy":"admin","lastUpdateTime":"2018-09-23T11:45:57.000+0000","name":"dianwei","nickName":"典韦","avatar":null,"password":"fd80ebd493a655608dc893a9f897d845","salt":"YzcmCZNvbXocrsz9dm8e","email":"test@qq.com","mobile":"13889700023","status":1,"deptId":10,"delFlag":0,"deptName":"市场部","roleNames":"开发人员","userRoles":[{"id":83,"createBy":null,"createTime":null,"lastUpdateBy":null,"lastUpdateTime":null,"userId":26,"roleId":3}]},{"id":27,"createBy":"admin","createTime":"2018-09-23T11:46:09.000+0000","lastUpdateBy":"admin","lastUpdateTime":"2018-09-23T11:46:17.000+0000","name":"xiahoudun","nickName":"夏侯惇","avatar":null,"password":"fd80ebd493a655608dc893a9f897d845","salt":"YzcmCZNvbXocrsz9dm8e","email":"test@qq.com","mobile":"13889700023","status":1,"deptId":8,"delFlag":0,"deptName":"技术部","roleNames":"开发人员","userRoles":[{"id":87,"createBy":null,"createTime":null,"lastUpdateBy":null,"lastUpdateTime":null,"userId":27,"roleId":3}]},{"id":28,"createBy":"admin","createTime":"2018-09-23T11:46:38.000+0000","lastUpdateBy":"admin","lastUpdateTime":"2018-11-04T07:33:17.000+0000","name":"xunyu","nickName":"荀彧","avatar":null,"password":"fd80ebd493a655608dc893a9f897d845","salt":"YzcmCZNvbXocrsz9dm8e","email":"test@qq.com","mobile":"13889700023","status":1,"deptId":10,"delFlag":0,"deptName":"市场部","roleNames":"测试人员","userRoles":[{"id":86,"createBy":null,"createTime":null,"lastUpdateBy":null,"lastUpdateTime":null,"userId":28,"roleId":4}]},{"id":29,"createBy":"admin","createTime":"2018-09-23T11:46:54.000+0000","lastUpdateBy":"admin","lastUpdateTime":"2018-09-23T11:47:03.000+0000","name":"sunquan","nickName":"孙权","avatar":null,"password":"fd80ebd493a655608dc893a9f897d845","salt":"YzcmCZNvbXocrsz9dm8e","email":"test@qq.com","mobile":"13889700023","status":1,"deptId":10,"delFlag":0,"deptName":"市场部","roleNames":"项目经理","userRoles":[{"id":85,"createBy":null,"createTime":null,"lastUpdateBy":null,"lastUpdateTime":null,"userId":29,"roleId":2}]}]}}
  return {
    url: 'user/findPage',
    type: 'post',
    data: findPageData
  }
}
// 查找用户的菜单权限标识集合
export function findPermissions() {
  let permsData = {
    "code": 200,
    "msg": null,
    "data": [
      null,
      "sys:user:view",
      "sys:menu:delete",
      "sys:dept:edit",
      "sys:dict:edit",
      "sys:dict:delete",
      "sys:menu:add",
      "sys:user:add",
      "sys:log:view",
      "sys:dept:delete",
      "sys:role:edit",
      "sys:role:view",
      "sys:dict:view",
      "sys:user:edit",
      "sys:user:delete",
      "sys:dept:view",
      "sys:dept:add",
      "sys:role:delete",
      "sys:menu:view",
      "sys:menu:edit",
      "sys:dict:add",
      "sys:role:add"
    ]
  }
  return {
    url: 'user/findPermissions',
    type: 'get',
    data: permsData
  }
}
// 根据用户名查找
export function findByName(params) {
  let findPageData = {
    "code": 200,
    "msg": null,
    "data": {
      "id": 1,
      "createBy": "admin",
      "createTime": "2018-08-14T03:11:11.000+0000",
      "lastUpdateBy": "admin",
      "lastUpdateTime": "2018-08-14T03:11:11.000+0000",
      "name": "admin",
      "nickName": "超管",
      "avatar": null,
      "password": "bd1718f058d8a02468134432b8656a86",
      "salt": "YzcmCZNvbXocrsz9dm8e",
      "email": "admin@qq.com",
      "mobile": "13612345678",
      "status": 1,
      "deptId": 4,
      "delFlag": 0,
      "deptName": "上海分公司",
      "roleNames": "超级管理员",
      "userRoles": [
        {
          "id": 1,
          "createBy": null,
          "createTime": null,
          "lastUpdateBy": null,
          "lastUpdateTime": null,
          "userId": 1,
          "roleId": 1
        }
      ]
    }
  }
  return {
    url: 'user/findByName',
    type: 'get',
    data: findPageData
  }
}
// 更新用户密码
export function updatePassword(params) {
  let findPageData = {"code":200,"msg":null,"data": 1}
  return {
    url: 'user/updatePassword',
    type: 'get',
    data: findPageData
  }
}

 

yueF_L
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
支持多种服务mock的工具 OpenMock
Go中国
05-18 557
1 推荐理由当项目依赖比较多的其他服务，在测试时，通常连接是这些服务的test环境，但是这样做第一 无法保证被依赖服务用例的完备性，第二 在实际测试过程中可能会遇到比较多费时费力的联调问题。本次推荐的openmock工具，通过mock的手段，可以简化此类项目的测试过程。2 功能介绍openmock支持通过yaml文件，配置HTTP、gRPC、Kafka、AMQP (e.g...
或许是市面上最强的 Mock 工具
API
12-21 857
Eolink 在 Mock 方面表现的很强大，适用于不同的业务场景、适用于不同的使用人群，通过以上两种简单和高级的调用，不同之处是简单的 Mock 配置简单，而高级 Mock 是基于简单 Mock 的增强，可以适应更加复杂的情况，结合多种智能配置方式搭建的 Mock API 能力体系，满足了大部分用户对 Mock 能力的需求。
Vue + ElementUI 实现后台管理系统模板 -- 前端篇（六）：引入 mock 封装请求处理以及返回结果
12-08 777
一、引入、封装 mock 1、简介 项目开发的时候，有时候后端接口不给力，要是必须从后端获取数据，没有其他方式获取数据，那就很蛋疼了（只能等后端接口正常，才可以继续开发前端）。 mock 是一个数据模拟生成器，用于帮助前端独立于后端进行开发，其模拟 ajax 并返回相应的数据，从而使前端不必依赖于后端接口，方便开发。 2、封装要求 定义不同的模块，用于响应不同组件的请求。 可以方便、快捷的关闭某个模块、或者某个请求的处理（关闭请求处理后，可以直接访问后端接口）。 3、安装并引入mock 1》安装
openmock:模拟所有服务。 用于HTTP，gRPC，Kafka和AMQP模拟的直观YAML DSL
05-06
OpenMock的 OpenMock是一种Go服务，可以在集成测试，登台环境或任何地方模拟服务。 目的是简化在各种渠道中编写模拟的过程。 当前，它支持以下渠道： HTTP gRPC 卡夫卡 AMQP（例如RabbitMQ） 用法 与docker搭配使用。 $ docker run -it -p 9999:9999 -v $( pwd ) /demo_templates:/data/templates checkr/openmock 具有docker-compose的更完整的openmock实例（例如redis）。 $ docker-compose up 测试一下。 $ curl localhost:9999/ping 依赖关系。 HTTP（本机受支持，感谢 ） 一个可以配置HTTP端口，设置env OPENMOCK_HTTP_PORT=80 GRPC（通过HTTP /
Python 单元测试中Mock 版本引发的mock_open 问题
changqing1234的专栏
05-30 1409
工作中遇到一个问题， 记录一下。 在Python的单元测试中，通常用mock_open 来模拟open,通常用法如下： import mock mock.__version__ = 2.0.0 @patch("__builtin__.open", side_effect=IOError) def test_parse_cc_false(self, mock): ...
SpringBoot集成Shiro和FreeMarker
cibian0709的博客
06-27 377
一个非凡的网站 http://www.hikson.com，RJ海客森 视频录制 git地址：https://gitee.com/hikseason/demo-bk-security-all.git 视频地址：https://pan.baidu.com/s/19mrxCE9Y5R5ntSEg...
Mockito的简单使用（二）
qq_40184521的博客
09-26 2521
Mock 测试常见使用场景
Day76：封装mock
ivenqin的博客
05-20 244
1.patch装饰器的概念 patch装饰器是mock第二种实现数据模拟的方式，patch()充当函数装饰器，类装饰器或上下文管理器，可用于处理测试范围内的修补模块和类级属性； 2.patch装饰器语法 语法：unittest.mock.patch（target，new = DEFAULT，spec = None，create = False，spec_set = None，autospe...
mockoon mock服务器工具
02-26
mockoon mock服务器工具
无标题httpmock工具
04-15
在IT行业中，HttpMock工具是一种常用的测试工具，它主要用于模拟HTTP服务器的行为，允许开发者在不依赖真实网络服务的情况下进行测试。这种工具对于开发、调试和集成测试尤其有用，因为它可以帮助我们快速验证应用...
一键Mock工具（Http协议接口调试工具）
最新发布
06-12
本文介绍了一款由我自主研发的高效、易用的mock服务创建软件。该软件旨在解决前端开发过程中因后端接口未完成而导致的开发瓶颈问题。...编译工具：Visual Studio 2022 运行依赖：.net framework 4.6.2
Mock
08-13
描述中的链接指向了一篇关于Mock的博客文章，虽然具体内容未给出，但可以推测文章可能涉及了如何使用Mock进行测试、Mock工具的介绍以及Mock在实际项目中的应用案例。 在IT行业中，Mock工具有很多，比如Java中的...
mock
04-16
- 使用HTTP客户端工具（如Postman）或代码向Mock服务器发送请求，验证其响应是否符合预期。 7. **扩展应用**： 除了基本的HTTP响应配置，Moco还支持更复杂的场景，如文件上传、断言、动态响应、WebSocket等。通过...
Java测试框架系列：Mockito 详解：第一部分：对象创建
阿星君
06-25 4089
Mockito 详解：第一部分：对象创建 零：前提条件 先明确一个词：存根(或者说是打桩），指的是对某个方法指定返回策略的操作（具体表现为两种：1指定返回值，2使用doCallRealMethod()或者thenCallRealMethod()指定当方法被调用时执行实际代码逻辑），功能就是当测试执行到此方法时直接返回我们指定的返回值（此时不会执行此方法的实际代码逻辑）或者执行此方法的实际代码逻辑并返回。比如: 我们先定义一个对象： public class Mock { public S
系统设计六-单元测试和Mock的应用
yangyanping20108的博客
04-07 901
单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。对于单元测试中单元的含义，一般来说，要根据实际情况去判定其具体含义，如C语言中单元指一个函数，Java里单元指一个类，图形化的软件中可以指一个窗口或一个菜单等。总的来说，单元就是人为规定的最小的被测功能模块。
Spring Boot：2种实现MyBatis aop、手动动态数据源
HHM
07-10 1304
背景 mybatis、aop动态获取数据源方式比较简单，网上也有很多资料，结合我目前的项目有点不同，项目用的mybatis的前身ibatis。ibatis使用起来不如mybatis方便，还是需要orm框架。 首先说下场景，各大电商平台数据推送到各种财务系统，客户会使用erp把各平台的数据同步下来，我们所做的事情就是把erp的数据推送到各种财务系统（例：kingdee、kis、海典）。 我们会对每一个客户的数据进行处理，每个客户使用的系统和数据库都是不一样的。目前的做法是mysql数据库配置客户的数据库地址，
SpringBoot 分页处理
weixin_34413357的博客
11-06 259
开始主要是要使用已经设计好的数据库 -- ---------------------------------------------------- -- 用户 -- ---------------------------------------------------- -- Table structure for `sys_user` -- ------------------------...
Vue + Element UI 实现权限管理系统 前端篇（九）：接口格式定义
朝雨忆轻尘
09-01 1135
接口请求格式定义 前台显示需要后台数据，我们这里先把前后端交互接口定义好，没有后台的时候，也方便用mock模拟。 接口定义遵循几个规范： 1. 接口按功能模块划分。 系统登录：登录相关接口 用户管理：用户管理相关接口 机构管理：机构管理相关接口 角色管理 ： 角色管理相关接口 菜单管理 ： 菜单管理相关接口 字典管理 ： 字典管理相关接口 日志管理 ： 日志管理相关接口 2....
uniapp 中使用jssdk正确姿势
weixin_38982591的博客
08-25 9612
这是基于企业项目实战分享 pm方式使用下方进行安装 npminstalljweixin-module--save 安装在项目中的效果如图： 接下自己定义个js, 引入我们用npm引入的模块： jwx 代码： let jweixin = require('jweixin-module'); import { jsdkSignature } from '../request/api.js' export default { //判断是否在微信中 isW......
mock工具 性能测试
09-21
Mock工具主要用于创建虚拟对象，以模拟难以构建或不易获得的对象进行测试。使用Mock工具可以帮助我们在性能测试中模拟出各种场景和数据，以评估系统在不同负载下的性能表现。通过模拟各种情况，我们可以更好地了解...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值