精华内容
下载资源
问答
  • 什么MOCK数据

    千次阅读 2021-03-23 10:47:22
    什么MOCK数据什么mock数据什么是mock开发?模拟真实接口虚拟业务场景mock特点mock数据工具 什么mock数据mock数据其实就是模拟真实接口,虚拟业务场景,有助于前后台同时开发的虚拟、虚假数据。 什么是...

    什么是mock数据?

    mock数据其实就是模拟真实接口,虚拟业务场景,有助于前后台同时开发的虚拟、虚假数据。

    什么是mock开发?

    mock开发即使用mock数据进行效率开发。

    模拟真实接口

    模拟真实接口可实现效率开发,前后台同步,特别是对分布式系统

    虚拟业务场景

    对于一些业务场景难出发,还有一些异常逻辑和交互逻辑

    mock特点

    模拟接口、虚拟业务场景、临界情况

    mock数据工具

    YApi:YApi官网
    DOClever:DOClever

    展开全文
  • 什么mock数据

    千次阅读 2020-06-30 22:03:16
    处于开发环境模拟接口返回的数据(用于开发状态后端还没给接口) ...mock数据的好处 团队可以并行工作, 可以用演示开发成果,实时反馈开发进度 模式测试并简单了解接口编写为全栈打基础。 ...

    处于开发环境模拟接口返回的数据(用于开发状态后端还没给接口)

    不会影响生产环境,只是方便我们还没与后端交互时不阻塞我们开发流程。

    mock数据的好处

    团队可以并行工作,

    可以用演示开发成果,实时反馈开发进度

    模式测试并简单了解接口编写为全栈打基础。

    展开全文
  • mock数据

    2021-07-22 22:40:29
    1.在src文件下创建一个mock文件夹,里面再创建mockServer.js文件和banners.json文件, //mock的具体操作 <a href="http://mockjs.com/">Mock.js官网</a> //banners.json文件 [ { "id|+1": 1, "imgUrl...

    1.在src文件下创建一个mock文件夹,里面再创建mockServer.js文件和banners.json文件,

    //mock的具体操作
    <a href="http://mockjs.com/">Mock.js官网</a>
    
    //banners.json文件
    [
      {
        "id|+1": 1,
        "imgUrl": "@image('720x455', '@color')"
      }
    ]
    
    //mockServer.js文件
    import Mock from "mockjs";
    import banners from "./banners.json";
    // 一旦运行就会拦截Get请求,请求地址/mock/banners
    // 并最后参数作为响应结果响应~
    // 请求方式必须写小写(否则拦截不到)
    Mock.mock("/mock/banners", "get", {
      code: 200,
      // 当随机数据只有一条时,就不在是数组,而是对象
      // "data|1": [banners],
      // 当随机数据有多条时,才是数组
      "data|4": banners,
    });
    
    //注意:创建好的mockServer.js需要在main.js文件引入import "./mock/mockServer",否则不生效
    

    2.在utils文件中封装axios来发请求

    import axios from "axios";
    import { Message } from "element-ui";
    // 引入进度条插件
    import NProgress from "nprogress";
    import "nprogress/nprogress.css";
    
    const instance = axios.create({
      //就是当前服务器地址
      baseURL: "/mock", // 公共的基础路径
    });
    // 设置请求拦截器
    instance.interceptors.request.use(
      (config) => {
        // 开始进度条
        NProgress.start();
        return config;
      }
    
    );
    // 设置响应拦截器
    instance.interceptors.response.use(
      // 响应成功:当响应状态码为 2xx
      (response) => {
        // 进度条结束
        NProgress.done();
        // 判断响应的code是否是200
        if (response.data.code === 200) {
          // 返回成功的响应数据
          return response.data.data;
        }
        const { message } = response.data;
        // 提示错误
        Message.error(message);
        return Promise.reject(message);
      },
      // 响应失败:当响应状态码不是 2xx
      (error) => {
        // console.dir(error);
        // 进度条结束
        NProgress.done();
        const message = error.message || "网络错误";
        // 提示错误
        Message.error(message);
        return Promise.reject(message);
      }
    );
    export default instance;
    
    

    3.在api文件中定义接口文件

    //接口可能很多,这里只举一个说明
    import mockRequest from "../utils/mockRequest";
    export const reqGetBanners = () => {
      return mockRequest({
        method: "GET",
        url: "/banners",
      });
    };
    

    4.在vuex定义状态数据并调用接口发送请求获取数据(这一步也可省略)

    import Vue from "vue"
    import Vuex from "vuex"
    import { getBannerList } from "../api/home"
    Vue.use(Vuex)
    export default {
      state: {
        banners : [], 
      },
      getters: {},
      actions: {
        // async函数会返回一个promise对象
        // 这个promise对象:当内部代码全部执行完毕时,会变成成功
        async getBanners({ commit }) {
          const banners = await reqGetBanners();
          // 调用commit 同步调用mutation函数
          commit("GET_BANNERS", banners);
        },
      },
      mutations: {
        GET_BANNERS(state, banners) {
          state.banners = banners;
        },
    };
    
    

    5.在views文件中找到需要mock的组件,使用vuex获取状态数据

    <template>
    	<div>
    		<ul>
    			<li v-for="(item,index) in banners" :key="index">{{item}}		</li>
    		</ul>
    	</div>
    </template>
    <script>
    import { mapState, mapActions } from "vuex";
    export default {
      name: "Home",
      computed: {
      //由于vuex使用的是模块化,因此这里的写法应该如下
        ...mapState({
          banners: (state) => state.home.banners,
        }),
      },
      methods: {
        ...mapActions(["getBanners"]),
      },
      mounted() {
        this.getBanners();
      },
    };
    </script>
    
    展开全文
  • 什么mock测试

    2019-05-22 17:11:36
    mock测试 就是在测试过程中,对于某些不容易构造或者不容易获取的对象,用一个虚拟的对象来创建以便测试的测试方法。 mock对象 这个虚拟的对象就是mock对象。mock对象就是真实对象在调试期间的代替品。 mock对象使用...

    mock测试

    就是在测试过程中,对于某些不容易构造或者不容易获取的对象,用一个虚拟的对象来创建以便测试的测试方法。

    mock对象

    这个虚拟的对象就是mock对象。mock对象就是真实对象在调试期间的代替品。

    mock对象使用范畴

    真实对象具有不可确定的行为,产生不可预测的效果,(如:股票行情,天气预报) 真实对象很难被创建的 真实对象的某些行为很难被触发 真实对象实际上还不存在的(和其他开发小组或者和新的硬件打交道)等等.

    使用mock对象测试的关键步骤

    使用一个接口来描述这个对象
    在产品代码中实现这个接口
    在测试代码中实现这个接口
    在被测试代码中只是通过接口来引用对象,所以它不知道这个引用的对象是真实对象还是mock对象。

    MockObject

    使用Mock Object进行测试,主要是用来模拟那些在应用中不容易构造(如HttpServletRequest必须在Servlet容器中才能构造出来)或者比较复杂的对象(如JDBC中的ResultSet对象)从而使测试顺利进行的工具。

    目前,在Java阵营中主要的Mock测试工具有JMock,MockCreator,Mockrunner,EasyMock,MockMaker等,在微软的.Net阵营中主要是Nmock,.NetMock等。

    mock对象实例

    一个闹钟根据时间来进行提醒服务,如果过了下午5点钟就播放音频文件提醒大家下班了,如果我们要利用真实的对象来测试的话就只能苦苦等到下午五点,然后把耳朵放在音箱旁,我们应该利用mock对象[1]来进行测试,这样我们就可以模拟控制时间了,而不用苦苦等待时钟转到下午5点钟了。下面是代码:

    public abstract Environmental {
    
     boolean playedWav = false;
    
     public abstract long getTime();
    
     public abstract void playWavFile(String fileName);
    
     public abstract boolean wavWasPlayed();
    
     public abstract void resetWav();
    
     }
    

    真实的实现代码:

    public class SystemEnvironment extends Environmental {
    
     public long getTime() {
    
     return System.currentTimeMillis();
    
    }
    
    public void playWavFile(String fileName) {
    
    playedWav = true;
    
    }
    
    public boolean wavWasPlayed() {
    
    return playedWav; }
    
    public void resetWav() {
    
    playedWav = false;
    
    }
    
    } 
    

    下面是mock对象:

     public class MockSystemEnvironment extends Environmental {
    
     private long currentTime;
    
     public long getTime() {
    
    return currentTime;
    
    }
    
     public void setTime(long currentTime) {
    
    this.currentTime = currentTime;
    
    }
    
     public void playWavFile(String fileName) {
    
    playedWav = true;
    
     }
    
    public boolean wavWasPlayed() {
    
    return playedWav;
    
    }
    
     public void resetWav() {
    
    playedWav = false;
    
    展开全文
  • Mock测试是什么

    万次阅读 2019-06-10 15:46:17
    mock意思是模拟,也就是模拟接口返回的信息,用已有的信息替换它需要返回的信息,从实现对上级模块的测试。 这里分为两类测试:一类是前端对接口的mock,一类是后端单元测试中涉及的mock 单纯的前端mock可以通过...
  • mock这词本意是虚拟,模拟的意思mock server工具,通俗来说,就是模拟服务端接口数据, 一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建一个JSON服务, 自己产生测试数据。即:json-server就是个...
  • Mock server是什么

    千次阅读 2019-09-06 16:54:45
    mock表示这个api返回的数据是假的,仅作为测试用的 server表示需要启动服务,说到底这是一个服务程序 契约测试 由于前后端往往有一些信息不对称,导致约定的api可能在前后端都会发生变化,所以保证前后端的...
  • vue mock数据

    2018-10-19 11:31:37
    首先 这个是mock数据的结构 下面看一下 apirouter.js 代码 // Mock data by hicoldcat var express = require('express') var apiRoutes = express.Router(); var init = require('./mockdata/ge...
  • 什么是API Mock测试?

    2021-02-02 17:34:32
    Mock测试就是在测试的时候,虚拟一个测试的对象,来对某些未完成或者不易获取的接口提前进行测试的方法。 要做到并不难,只需要到好合适的Mock工具,定义好接口文档就可以开始互不影响的同时开始工作,只需要最后...
  • 本文实例讲述了vue-cli3使用mock数据的方法。分享给大家供大家参考,具体如下: 在前后端分离的开发模式中,后端给前端提供一个接口,由前端向后端发请求,得到数据后前端进行渲染。由于前后端开发进度的不统一,...
  • 前端mock数据

    万次阅读 2015-12-15 18:42:22
    作为前端经常需要模拟后台数据,我们称之为mock。通常的方式为自己搭建一个服务器,返回我们想要的数据。 项目中遇到的请求链接是类似这样子的:www.abc.com/user/login,而不是请求某个文件,如果采用PHP+Apache的...
  • 什么mock数据? mock翻译过来是模拟的意思,在前端里面指的是要通过一定的方式去生成模拟数据 为什么要生成mock数据? 因为现在很多的项目都是前后端完全分离的项目,后端负责提供数据,前端通过api接口请求数据,...
  • 项目中使用mock数据

    2019-03-25 23:52:44
    一 在安装mockjs和axios 命令行中分别输入以下...二 在src文件夹下创建mock文件夹,存放mock数据 mock文件夹下一定要创建index.js文件,然后再在main.js中引入 main.js import './mock' mock文件夹下的index.js ...
  • mock 数据集成到项目文件里面,并通过 自动配置项目的 mock 环境 vase插件内置、、、、、、、、、、及用于解析自定义脚本的等渲染引擎,通过该插件,可以通过模板结合相应的引擎mock开发过程中需要的json、html、...
  • 本文介绍了vue 运用mock数据的示例代码,分享给大家,具体如下: 初始化你的项目 话不用啰嗦,首先初始化你的项目,最简单的就是使用vue-cli啦 vue init webpack 引入mock.js 安装 mockjs npm install --save...
  • Mock数据

    2020-09-08 00:09:57
    Mock数据 可以通过4步进行 先进性安装 mockjs npm install mockjs 创建mock目录生成mock数据 引入:import Mock from "mockjs"; 数据模拟: //mock课程数据 var result=Mock.mock({ code: 200, msg: "操作...
  • 主要介绍了浅谈vue项目用到的mock数据接口的两种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • vueElementAdminServer vueElementAdmin的后台模板项目 用来模拟后台请求 npm install node app.js 运行后能看到 还有模拟的后台接口 http://127.0.0.1:3000/functionController/addFunction ...
  • 如果将mock单独翻译过来,其意义为“虚假、虚设”,因此在软件开发领域,我们也可以将其理解成“虚假数据”,或者“真实数据的替身”。 为什么使用Mock 1.解除依赖,团队并行工作 接口尚未开发完成,在系统交互...
  • 主要介绍了在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法,需要的朋友可以参考下
  • 初识mock作为一个动词,mock是模拟、模仿的意思;作为一个名词,mock是能够模仿真实对象行为的模拟对象。在软件测试中,mock所模拟的对象是什么呢?它一定不是我们所测试的对象,而是 ...
  • Swagger3(OpenAPI 3)的模拟数据生成器CLI 安装 npm i -g swagger-to-mock 生成模拟数据 swagger-to-mock 将在每个API响应中生成JSON文件。 如果您指定了示例,则JSON数据值应该是您的招摇中的示例值。 否则, ...
  • 某天晚上,接到测试的电话,他问为什么在日常环境我的接口使用不同的用户测试返回的内容都一样,我回答他:接口数据被我mock掉了,现在返回的都是mock数据。需要调一下mock的逻辑才行。挂...
  • 主要介绍了详解Vue CLI 3.0脚手架如何mock数据,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 一个json-server mockjs react示例 运行 clone 本项目(确保安装了yarn) https://github.com/cllgeek/react-mock.git cd react-mock yarn install yarn start 另开终端运行 yarn mock
  • 后端接口未调通之前,拦截某一个接口,返回一些自己生成的随机数据 2、某个测试机器上有数据,本地调试可以直接拉取测试机上的数据
  • 主要介绍了mock.js实现模拟生成假数据功能,结合实例形式分析了mock.js插件生成模拟数据的相关操作技巧,需要的朋友可以参考下
  • 谈一谈mock数据

    2020-07-09 21:19:56
    Mock数据什么Mock数据?Mock数据什么作用?我们如何使用Mock数据?如何自己编辑Mock文件? 什么Mock数据? 约定 /mock 文件夹下所有文件为 mock 文件,mock文件中定义的数据称作mock数据。 如alita项目中的...
  • 主要介绍了详解vue-cli 本地开发mock数据使用方法,如果后端接口尚未开发完成,前端开发一般使用mock数据。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 59,435
精华内容 23,774
关键字:

mock数据是什么意思