mock

2020/2/1 ajax和mock.js的理解

时光总嘲笑我的痴心妄想 提交于 2020-02-02 02:59:49
ajax 1.什么是ajax ajax是多项前端技术的综合,包括了html、css、js、Json、XMLHttpRequest。 ajax模式: 浏览器创建一个ajax对象,然后ajax对象向后端发送请求,后端响应数据给前端, 之后前端接收导数据更新视图,整个过程中浏览器“不刷新”。 传统模式: 浏览器直接向后端发送请求,后端响应新页面给前端,整个过程浏览器会刷新。 2.ajax工作原理 3.ajax发送get请求 1)创建ajax对象 var xhr = new XMLHttpRequest(); 2)配置请求方式和请求地址 xhr.open(“get”,”xxx地址”); 如果传入参数 xhr.open(“get”,”xxx地址?属性名1=属性值1&属性名2=属性值2”); 3)发送 xhr.send(); 4)监听状态&接收数据 xhr.onreadystatechange = function(){ if(xhr.readyState===4 && xhr.status===200){ var data = xhr.reponseText; } } 4.ajax发送post请求 1)创建ajax对象 var xhr = new XMLHttpRequest(); 2)配置请求方式和请求地址 xhr.open(“post”,”xxx地址”); 3)设置请求头 xhr

vue中如何请求接口?如何修改代理?

戏子无情 提交于 2020-01-28 09:51:18
vue中如何请求接口?如何修改代理? proxyTable : { '/api' : { target : "http://localhost:8080" , //这里添加网址比如:http://localhost:8080 changeOrigin : true , pathRewrite : { '^/api' : '/static/mock' //这里相当于api == static/mock目录 } } } 来源: CSDN 作者: 淡若清风_Simple 链接: https://blog.csdn.net/weixin_42060658/article/details/103652829

在spring中简单使用Mockito解决Bean依赖树问题

与世无争的帅哥 提交于 2020-01-28 00:48:37
前提 本文 不是针对Mockito的入门教学 ,主要叙述如何简单的使用Mockito解决Bean依赖树问题,对于Mockito的学习请找其他的文章或者查阅官方文档 基本概念 Junit初始化及存在的问题 spring应用在unit test时,test是 独立运行 的,所以需要自行 init ApplicationContext,启动 Ioc容器。 Junit要求: Test类中涉及的所有Spring bean 注入成功才能完成applicationContext初始化,并启动IOC容器,否则无法执行unit test。 ApplicationContext初始化的两种方式 手动注入(使用 @Bean或者 @Component 注入所需的类) 编写@Configuration 类(使用@ComponentScan 指定扫描beans) 两种初始化方式存在的问题 方式一: 所需的beans中,一个bean少注入了就会导致无法初始化上下文 需要注入的bean太多时,需要花费大量的时间和精力,排查缺漏难度大 方式二: 颗粒度难以把控,随着项目规模变大之后,可能导致bean导入过多,单元测试跑很久才能通过 当项目规模大了之后,bean之间的依赖往往是复杂的,扫描bean的方式可能出现一些不属于自己模块的未知问题或者某些中间件在unitTest环境无法正常启动,导致无法初始化上下文

[翻译] NMock 简介

痞子三分冷 提交于 2020-01-25 04:12:03
这两天看了看单元测试辅助工具 NMock,找到两篇文章,看的时候脑袋晕晕沉沉的,为了强迫自己看完这两篇文章,就动手翻译了一下。 自从大学里过了 CET-4 后,英语基本就再也没有动过了,平常半通不通的看一些技术资料还没有问题,今天动手翻译才发现差的不是一点半点;水平有限,文中的错误在所难免,大家尽管拍砖,不过请不要人身攻击,谢谢。 转载请标明出处。 NMock简介 原文: http://confluence.public.thoughtworks.org/display/NMock/Introduction+to+NMock by Hsue-Shen Tham NetCobra 翻译 模拟对象(Mocking) 通常在进行单元测试的时候,开发人员常常会碰到这样一些情况:一些功能由于对其它类或系统组件有依赖而难以测试;通常用来解决这种问题的一项技术叫做模拟对象(mock objects)。模拟对象方法允许用模拟的版本来代替被依赖的类(dependent classes),这些模拟对象被传递给要测试的类后,依赖关系就被模拟的版本代替了,而被测试对象则仍然会以为自己所处理的是真实的对象。 以前模拟实例都是人工编写的,不过如今在Java世界和.Net世界都已经有很多工具和框架用于更方便地创建模拟对象;现在已经有很多的资料介绍手工或者使用一些常见Java模拟工具来创建模拟对象的优秀方法

使用mockserver来进行http接口mock

我的梦境 提交于 2020-01-24 06:46:15
转载:http://blog.csdn.net/heymysweetheart/article/details/52227379 前言 进行单元测试时,必须要mock掉第三方的依赖调用,而mockserver提供了足够的api来支持这种http的mock,现在简单介绍如何使用mockserver进行http接口mock。 依赖 mockserver依赖 < dependency > < groupId > org . mock - server </ groupId > < artifactId > mockserver - netty </ artifactId > < version > 3.10 . 4 </ version > </ dependency > httpclient依赖 < dependency > < groupId > org . apache . httpcomponents </ groupId > < artifactId > httpclient </ artifactId > < version > 4.3 . 3 </ version > </ dependency > <!-- https : //mvnrepository.com/artifact/org.apache.httpcomponents/httpcore --> <

项目部署遇到的一些问题总结

纵饮孤独 提交于 2020-01-22 05:54:22
项目开发中途决定采用的云效自动化部署,和本地环境还有一点差异,也遇到了一些问题,于是总结如下。 项目采用的VUE CLI3 构建 lintOnSave导致项目编译失败报错 本地的配置 lintOnSave 写的是开启,本地打包没问题,但是线上自动化打包就持续的报错,报错内容如下: vue-cli-service build- Building for production... ERROR Failed to compile with 1 errors10:38:56 error in ./src/main.js Module build failed (from ./node_modules/thread-loader/dist/cjs.js): Thread Loader (Worker 0) Invalid regular expression flags at PoolWorker.fromErrorObj(/midware/softwares/hudson/workspace/5054_VDP_WEB/VDP_WEB/node_modules/thread-loader/dist/WorkerPool.js:262:12) at /midware/softwares/hudson/workspace/5054_VDP_WEB/VDP_WEB/node_modules

mockjs 学习笔记

一个人想着一个人 提交于 2020-01-17 21:55:02
文章目录 问题描述 文章参考 快速开始 安装Mockjs 使用案例 Mock.mock( rurl, rtype, template ) 函数介绍 根据配置文件,异步加载mockjs 配置文件 问题描述 在工作中,想自己根据后台模拟的数据,保存到本地,在网络不通的情况下,同样的写ajax请求逻辑代码,不需要模拟ajax请求,获取本地的模拟的数据,能够正常测试和开发,如果有开发环境,可以一键切换到开发环境中,而不需要切换代码 文章参考 Mock.mock() 函数 mockjs Doc 快速开始 安装Mockjs npm install mockjs -D 使用案例 import Mock from "mockjs" ; //拦截请求,返回假数据 Mock . mock ( "http://10.91.7.159:9080/taxloan/productStat?customerId=sdf" , { message : "调用成功" , data : [ { name : "XXXX1" , code : "P00003" } , { name : "XXXX2" , code : "P00028" } , { name : "XXXX3" , code : "P00002" } , { name : "XXXX4" , code : "P00003" } ] , rtn : "0

浅谈前后端分离与实践(一)

 ̄綄美尐妖づ 提交于 2020-01-17 20:21:56
一、起源 (故事纯属虚构,如有雷同,纯属巧合)传说在很久很久以前,我们有志之士有了个创业的想法,于是乎开始了自己的创业之梦,但是人手不足啊,于是乎所有角色老子一个人全包了: Roles: PM, DBA, RD, FED, Designer, ... Skills: Linux, MySQL, JAVA, JavaScript, HTML, CSS, ... Tools: phpmyadmin, photoshop, powerpoint, ... 我们用 express 应用生成器来模拟一下传统开发(因为本人早已忘记java是怎么写的了,这里只是为了方便演示) $ npm install express-generator -g # 安装 express-generator $ express progressive # 初始化项目 $ cd progressive # 进入目录 $ npm install # 安装依赖 $ npm start # 启动项目 然后我们愉快的打开了 localhost:3000 看到了我们的页面: 接着,我看是研究代码: 发现我的模板引擎用的是 jade 是通过 nodejs 服务端进行动态渲染: // app.js app.set('view engine', 'jade'); 然后当我访问 localhost:3000 的时候,开始了界面渲染:

react-mockjs

删除回忆录丶 提交于 2020-01-17 15:43:31
2020-01-17 react-mockjs 使用 最近参加了公司的一个新的项目,前后端同时开发,这时后端提供不了前端接口,那么就要靠咱们前端自己mock数据啦。 用到mock 数据的工具是 mockjs ,就是这个。 这里是github地址: https://github.com/nuysoft/Mock/wiki/Getting-Started # 安装 npm install mockjs # 导入 mockjsimport mockjs from 'mockjs'; const proxy = {'GET /api/getuser': (req, res) => res.send(mockjs.mock({ // /api/getuser 是我需要访问的接口名称 "code": 0, "content|1": [{ // content|1 content 是我最终想要拿到的数据 1是指生成一个content "id|+1": 1, "name": "@cname", "job|1": ["前端工程师", "前端助理", "前端专家", "运维专家", "后端工程师"], "jobNum|1": [1, 12, 34, 56, 23, 45, 56, 34, 56, 77, 4, 321, 443, 654, 231], "date": "@date", "jobHour

大前端与前后端分离

梦想的初衷 提交于 2020-01-17 13:03:58
一、大前端   简单来说,大前端就是所有前端的统称,比如Android、iOS、web、Watch等,最接近用户的那一层也就是UI层,然后将其统一起来,就是大前端。大前端最大的特点在于一次开发,同时适用于所有平台,开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代,利用web不仅能开发出网站,更可以开发手机端web应用和移动端应用程序。   由于node的出现,前端工程师不需要依赖于后端程序而直接运行,从而前后端分离起来。所以当开发一个新产品的时候服务只需要写一次,但是面向用户的产品可能有很多,例如网站、Android客户端、iOS客户端和微信小程序等。由于各个平台使用的技术栈都不一样,代码无法复用,非常浪费人力、物力。那么有没有什么技术能够解决这一痛点呢?大前端应运而生,其实大前端的主要核心就是跨平台技术,有了跨平台技术,各个平台的差异性就抹平了,开发者只需要一套技术栈就可以开发出适用于多个平台的客户端。   目前的主流跨平台方案:Cordova/phoneGap、React Native、Weex、微信小程序、PWA和Flutter等,根据其原理性,可以分为四大类。 H5+原生(Cordova、Ionic、微信小程序) JavaScript开发+原生渲染 (React Native、Weex、快应用) 自绘UI+原生(Flutter)