Mock.js前端 一款可以脱离后台服务器,模仿接口的小东西
2017-12-29 11:43
435 查看
Mockjs实现了基于数据模版生成数据,拦截并模拟Ajax请求
借鉴:
https://segmentfault.com/a/1190000008839142 https://github.com/nuysoft/Mock/wiki/Getting-Started
node的express框架
app.js
login.html
结果:
借鉴:
https://segmentfault.com/a/1190000008839142 https://github.com/nuysoft/Mock/wiki/Getting-Started
node的express框架
app.js
var express = require('express'); var app = express(); var bodyParser = require('body-parser'); var Mock = require('mockjs'); //body-parser - node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据。 app.use(bodyParser.urlencoded({extended:false})); app.use(bodyParser.json()); //静态文件 app.use(express.static('public')); app.use(express.static('public/views'));//login.html在views文件夹中 app.use(express.static('public/json')); //mockjs应用 app.get('/loginmock',function(req,res){ var obj = {'aa':'11','bb':'22','cc':'33','dd':'44'}; var data = Mock.mock({ "user|1-3":[{//随机生成1-3个数组元素 'name':'@cname',//中文名称 'id|+1':88,//属性值自动加一,初始值为88 'age|18-28':0,//18-28以内的随机数,0只是确定类型 'birthday':'@data("yyyy-MM-dd")',//日期 'city':'@city(true)',//中国城市 'color':'@color',//16进制颜色 'fromObj|2':obj//从obj对象中随机获取2个属性 },{ 'gf':'@cname' }] }); return res.send({data:data}); });
login.html
$.ajax({ url:'loginmock', type:'get', dataType:'json' }).done(function (data,status,xhr) { console.log(JSON.stringify(data,null,4)); })
结果:
相关文章推荐
- 有了这些免费无限次的API 接口,再也不愁没有服务器开发不了APP了,也可以自己开发小程序了
- java以json格式向后台服务器接口发送请求
- APP后台上传Nginx+Tomcat服务器后图片可以上传但无法访问问题解决
- 最近做了一个小东西,对于接口实现类。发现很多都是一个套路,所以备份下,以后可以经常用到! 这几个是单纯查询的实现类。
- nginx搭建前端项目web服务器以及利用反向代理调试远程后台接口
- java后台接口开发框架SpringMVC框架搭建,环境配置,Tomcate服务器搭建
- Larbin 搜索引擎源码赏析——(四)后台控制爬虫的接口,一个极为简单的telnet服务器
- 最近刚为公司完成的一款监视的小工具软件!用DELPHI 7 写的,可以从后台监控系统﹑键盘﹑鼠标﹑屏幕以及文件与目录!有源码!
- 打包war包部署到Tomcat。调用接口时,pad端提示:连接服务器异常。但后台无任何异常抛出
- java以json格式向后台服务器接口发送请求的实例
- phpcms项目从本地上服务器。后台验证码失效,屏蔽验证码或者安装GD库就可以了
- 使用nginx搭建前端项目web服务器以及利用反向代理调试远程后台接口
- Atitit 容器化技术之道 attilax著 1. 概念 1 1.1. 容器是应用服务器中位于组件和平台之间的接口集合。 1 1.2. 有时候也指集合的概念,里面可以存放不同对象 2 1.3. 、新
- 有了这些免费无限次的API 接口,再也不愁没有服务器开发不了APP了,也可以自己开发小程序了
- 模仿苹果手机虚拟键的代码分享,有兴趣的可以玩玩。 下面的是链接,复制粘贴到浏览器就能下载
- 抽象类实现一个接口为什么可以不用都实现接口中的方法
- laravel administrator 一款通用的后台插件(PHP框架扩展)
- 由于没有远程桌面授权服务器可以提供许可证,远程会话被中断的根本解决方法
- wordpress 首页可以显示,其他链接不能找到服务器的设置
- rsync 实现文件同步 (重要数据通过rsyncr把数据同步到不同的两台服务器上,这样可以防止服务器的硬盘故障导致数据丢失) 客户端同步时如果要排某个目录