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

概述

Mock.js是一个模拟数据生成器，可以让前端独立于后端进行开发。如果你正在开发一个前端页面，可是后台还没有完成供你调用的Api，并且数据格式已经确定，那么你就可以使用Mock.js模拟相关的接口，生成假数据来查看页面效果。Mock.js的功能：生成随机数据，拦截 Ajax 请求。

使用

• 引入mock.js和JQuery

    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="http://mockjs.com/dist/mock.js"></script>

• 创建模拟Api，拦截Ajax请求，返回测试数据

    //模拟后台
    Mock.mock('http://api.com', {
        "user|5-10": [{
            'name': '@cname',   //中文名称
            'age|1-100': 100,   //