让我们来简单说说mockjs吧!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了让我们来简单说说mockjs吧!相关的知识,希望对你有一定的参考价值。

背景:

  新接手了一个更新CRM的客户管理项目,负责添加三张活动财务表与操作的模块,接到任务时候,后台还没有做数据,所以用到了假数据,So就是这里所说的mockjs。

介绍:

  mockjs让前端独立于后端进行开发。基于数据模板生成数据,基于 html模板 生成数据,拦截并模拟AJAX请求。

  安装mockjs:

npm install mockjs

  简单的小栗子:(原谅我偷懒)

// 使用 Mock
var Mock = require(‘mockjs‘)
var data = Mock.mock({
    // 属性 list 的值是一个数组,其中含有 1 到 10 个元素
    ‘list|1-10‘: [{
        // 属性 id 是一个自增数,起始值为 1,每次增 1
        ‘id|+1‘: 1
    }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))

这是最简单的写法了,(原谅我偷懒copy了官网上的代码)

 

 

 

以上是关于让我们来简单说说mockjs吧!的主要内容,如果未能解决你的问题,请参考以下文章

Vue中mockjs的使用

Vue中mockjs的使用

mockjs+vue使用小记

进行独立于后台后端的前端开发——学习Mockjs

[Web 前端] mockjs让前端开发独立于后端

总结详细说说@Html.ActionLink()的用法