美文网首页
(转)mock.js 生成假数据 前端独立于后台开发

(转)mock.js 生成假数据 前端独立于后台开发

作者: 执著_7a69 | 来源:发表于2017-06-28 22:53 被阅读53次

mock.js的作用是产生假数据,使得前端的开发独立于后台开发,而后台发开者可以根据前端开发者写的mock的结构来定制接口。

mock的官网:官网

不过官网在示例的那部分打开特别慢,其实说的还是非常清楚的!

有很多种使用的方法,就举一个我最常用的例子。

html就是一个空得框架就可以了。当然要引入mock.js。

[javascript]view plaincopy

$(document).ready(function() {

vartemplate = {

'results|1-4':[{

'num':'@integer(0,4)',

'sent':'@sentence'

}]

}

Mock.mock("mock/getmockdata", template)

$.ajax({

url:"mock/getmockdata",

dataType:"json"

}).done(function(data, status, jqXHR) {

$('

').text(JSON.stringify(data,null, 4)).appendTo('body')

$.each(data.results,function(i, item){

$('

').text(item.num).appendTo('body')

$('

').text(item.sent).appendTo('body')

})

})

})

网页效果:

相关文章

  • (转)mock.js 生成假数据 前端独立于后台开发

    mock.js的作用是产生假数据,使得前端的开发独立于后台开发,而后台发开者可以根据前端开发者写的mock的结构来...

  • 使用mock.js生成前端测试数据

    概述: Mock.js是一个模拟数据生成器,可以让前端独立于后端进行开发。如果你正在开发一个前端页面,可是后台还没...

  • 使用 Mock.js 生成前端测试数据

    01概述Mock.js是一个模拟数据生成器,可以让前端独立于后端进行开发。如果你正在开发一个前端页面,可是后台还没...

  • 使用Mock.js生成前端测试数据

    概述 Mock.js是一个模拟数据生成器,可以让前端独立于后端进行开发。如果你正在开发一个前端页面,可是后台还没有...

  • 使用Mock.js生成前端测试数据

    概述 Mock.js是一个模拟数据生成器,可以让前端独立于后端进行开发。如果你正在开发一个前端页面,可是后台还没有...

  • 2018-12-06 mock.js的使用

    目的 mock.js能够拦截Ajax请求,生成模拟数据进行接口调试,模拟了前后端调试的环境,使得前端开发能够独立于...

  • 前端mock使用

    mock是一个模拟数据生成器,旨在帮助前端独立于后台开发,在后台未完成接口时,前端可直接模拟数据开发测试。 moc...

  • mockjs简介和应用

    一、说明 mock.js 是一款模拟数据生成器,帮助前端人员独立于后端进行开发,帮助编写单元测试, 前后端合作期间...

  • mock模拟ajax请求

    Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:...

  • mockjs从入门到精通视频教程

    Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能:...

网友评论

      本文标题:(转)mock.js 生成假数据 前端独立于后台开发

      本文链接:https://www.haomeiwen.com/subject/wwypcxtx.html