Mockjs批量生成隨機JSON數據

原創 lihefei_coder 2020-06-30 13:53

示例一

/**
 * 將字符串url轉換爲正則匹配
 * 轉正則的原因：如果url是字符串類型，默認會完全匹配mock地址與應用請求地址，參數不同也會造成mock攔截失效，解決方式就是用正則匹配
 * @param {String} url 接口地址
 * @return {RegExp} 返回正則匹配規則
 */
function regUrl(url) {
    let urlStr = baseUrl() + url + '.*';
    return RegExp(urlStr);
}

let Random = Mock.Random; //隨機對象
Random.datetime('yyyy-MM-dd hh:mm:ss'); //格式化日期
Random.province(); //省
Random.city(); //市
Random.county(); //區縣


Mock.mock(regUrl('http://www.lihefei.com/api/test?name=lihefei'), /get|post/i, {
    code: 0,
    msg: 'Mock接口模擬數據',
    'data|30': [
        {
            'direction|0-359': 0, //角度0-359
            gpsTime: '@datetime', //中線格式的日期
            'posType|1': ['GPS', 'LBS', 'WIFI'], 
            bd: {
                'latitude|-90-90.2-6': 119.789456, //全球經度
                'longitude|-180-180.2-6': 24.12345 //全球緯度
            },
            address: '@province@city@county' //省市縣地址
        }
    ]
});

示例二

var Random = Mock.Random;
Random.date();
var dataMock = Mock.mock({
    'list|50': [{
        'simCar|13000000000-19900000000': 1440191734422,
        'operator|1': [
            '移動',
            '聯通',
            '電信'
        ],
        'packageName|1': [
            '5元30M',
            '10元500M',
            '50元100G'
        ],
        validityPeriod: '@date',
        'unitPrice|5-10': 5,
        'quantity|10-30': 12,
        'amount|1-100': 60,
        'imei|800000000000000-900000000000000': 868120203709164,
        user: 'test'
    }]
});

示例二生成結果

{
    "list": [
    {
        "simCar": 14514939551,
        "operator": "電信",
        "packageName": "10元500M",
        "validityPeriod": "1975-06-02",
        "unitPrice": 8,
        "quantity": 29,
        "amount": 22,
        "imei": 890030819391592,
        "user": "test"
    },
    {
        "simCar": 14798794081,
        "operator": "聯通",
        "packageName": "50元100G",
        "validityPeriod": "2007-09-21",
        "unitPrice": 7,
        "quantity": 25,
        "amount": 93,
        "imei": 898466852698561,
        "user": "test"
    },
    {
        "simCar": 17362393380,
        "operator": "移動",
        "packageName": "50元100G",
        "validityPeriod": "1996-12-17",
        "unitPrice": 10,
        "quantity": 28,
        "amount": 26,
        "imei": 850777689961984,
        "user": "test"
    },
    {
        "simCar": 19114404056,
        "operator": "移動",
        "packageName": "10元500M",
        "validityPeriod": "1994-05-08",
        "unitPrice": 10,
        "quantity": 28,
        "amount": 7,
        "imei": 880231778334631,
        "user": "test"
    },
    {
        "simCar": 14341788357,
        "operator": "電信",
        "packageName": "5元30M",
        "validityPeriod": "1995-05-30",
        "unitPrice": 9,
        "quantity": 21,
        "amount": 67,
        "imei": 895030529408831,
        "user": "test"
    },
    {
        "simCar": 19058352658,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "1975-03-01",
        "unitPrice": 6,
        "quantity": 27,
        "amount": 53,
        "imei": 840609290767727,
        "user": "test"
    },
    {
        "simCar": 18717423357,
        "operator": "電信",
        "packageName": "5元30M",
        "validityPeriod": "1988-09-21",
        "unitPrice": 6,
        "quantity": 14,
        "amount": 39,
        "imei": 873577112757604,
        "user": "test"
    },
    {
        "simCar": 19725221212,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "1976-09-05",
        "unitPrice": 8,
        "quantity": 29,
        "amount": 66,
        "imei": 831579513686365,
        "user": "test"
    },
    {
        "simCar": 16387773012,
        "operator": "電信",
        "packageName": "5元30M",
        "validityPeriod": "1998-03-30",
        "unitPrice": 10,
        "quantity": 24,
        "amount": 25,
        "imei": 880733635343513,
        "user": "test"
    },
    {
        "simCar": 18483950265,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "2010-08-20",
        "unitPrice": 7,
        "quantity": 28,
        "amount": 66,
        "imei": 803481587922867,
        "user": "test"
    },
    {
        "simCar": 19414859014,
        "operator": "移動",
        "packageName": "50元100G",
        "validityPeriod": "2002-08-19",
        "unitPrice": 5,
        "quantity": 21,
        "amount": 61,
        "imei": 861228533451413,
        "user": "test"
    },
    {
        "simCar": 13440450307,
        "operator": "移動",
        "packageName": "10元500M",
        "validityPeriod": "1987-01-17",
        "unitPrice": 7,
        "quantity": 23,
        "amount": 100,
        "imei": 852493999846531,
        "user": "test"
    },
    {
        "simCar": 15902022052,
        "operator": "電信",
        "packageName": "50元100G",
        "validityPeriod": "2013-04-13",
        "unitPrice": 10,
        "quantity": 20,
        "amount": 8,
        "imei": 888607365510290,
        "user": "test"
    },
    {
        "simCar": 16501149527,
        "operator": "聯通",
        "packageName": "50元100G",
        "validityPeriod": "1994-08-28",
        "unitPrice": 7,
        "quantity": 19,
        "amount": 36,
        "imei": 867827865296261,
        "user": "test"
    },
    {
        "simCar": 18296419375,
        "operator": "移動",
        "packageName": "50元100G",
        "validityPeriod": "1999-08-03",
        "unitPrice": 10,
        "quantity": 13,
        "amount": 67,
        "imei": 866229428429445,
        "user": "test"
    },
    {
        "simCar": 14155215618,
        "operator": "電信",
        "packageName": "10元500M",
        "validityPeriod": "1985-11-23",
        "unitPrice": 8,
        "quantity": 28,
        "amount": 32,
        "imei": 893924086803311,
        "user": "test"
    },
    {
        "simCar": 17593572196,
        "operator": "電信",
        "packageName": "50元100G",
        "validityPeriod": "1982-07-07",
        "unitPrice": 5,
        "quantity": 17,
        "amount": 13,
        "imei": 862740470986838,
        "user": "test"
    },
    {
        "simCar": 18227798069,
        "operator": "聯通",
        "packageName": "50元100G",
        "validityPeriod": "1998-03-28",
        "unitPrice": 8,
        "quantity": 21,
        "amount": 56,
        "imei": 884237504914401,
        "user": "test"
    },
    {
        "simCar": 19748681145,
        "operator": "電信",
        "packageName": "10元500M",
        "validityPeriod": "1995-02-25",
        "unitPrice": 7,
        "quantity": 28,
        "amount": 86,
        "imei": 826490478796925,
        "user": "test"
    },
    {
        "simCar": 14576670496,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "1979-08-12",
        "unitPrice": 9,
        "quantity": 24,
        "amount": 95,
        "imei": 897536555045253,
        "user": "test"
    },
    {
        "simCar": 16109710752,
        "operator": "移動",
        "packageName": "10元500M",
        "validityPeriod": "1984-08-05",
        "unitPrice": 10,
        "quantity": 20,
        "amount": 13,
        "imei": 874745209730625,
        "user": "test"
    },
    {
        "simCar": 16239886599,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "2009-03-11",
        "unitPrice": 5,
        "quantity": 27,
        "amount": 12,
        "imei": 836832619872943,
        "user": "test"
    },
    {
        "simCar": 17939356307,
        "operator": "電信",
        "packageName": "10元500M",
        "validityPeriod": "1991-09-07",
        "unitPrice": 6,
        "quantity": 18,
        "amount": 88,
        "imei": 851356917290854,
        "user": "test"
    },
    {
        "simCar": 18527263012,
        "operator": "電信",
        "packageName": "10元500M",
        "validityPeriod": "1985-06-24",
        "unitPrice": 6,
        "quantity": 17,
        "amount": 11,
        "imei": 886757637504435,
        "user": "test"
    },
    {
        "simCar": 13028088454,
        "operator": "移動",
        "packageName": "5元30M",
        "validityPeriod": "1977-05-19",
        "unitPrice": 7,
        "quantity": 29,
        "amount": 80,
        "imei": 834721094464242,
        "user": "test"
    },
    {
        "simCar": 18510025307,
        "operator": "聯通",
        "packageName": "5元30M",
        "validityPeriod": "1996-07-08",
        "unitPrice": 7,
        "quantity": 30,
        "amount": 80,
        "imei": 882198262193475,
        "user": "test"
    },
    {
        "simCar": 13808030351,
        "operator": "移動",
        "packageName": "10元500M",
        "validityPeriod": "2005-03-10",
        "unitPrice": 10,
        "quantity": 26,
        "amount": 90,
        "imei": 827948448994677,
        "user": "test"
    },
    {
        "simCar": 18510172371,
        "operator": "聯通",
        "packageName": "5元30M",
        "validityPeriod": "1983-07-07",
        "unitPrice": 8,
        "quantity": 23,
        "amount": 50,
        "imei": 869892205577047,
        "user": "test"
    },
    {
        "simCar": 19110928665,
        "operator": "電信",
        "packageName": "50元100G",
        "validityPeriod": "2003-08-10",
        "unitPrice": 9,
        "quantity": 23,
        "amount": 38,
        "imei": 801251309400261,
        "user": "test"
    },
    {
        "simCar": 13888834166,
        "operator": "聯通",
        "packageName": "5元30M",
        "validityPeriod": "2008-05-10",
        "unitPrice": 5,
        "quantity": 22,
        "amount": 39,
        "imei": 884055425949977,
        "user": "test"
    },
    {
        "simCar": 18931203845,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "2018-01-09",
        "unitPrice": 5,
        "quantity": 23,
        "amount": 80,
        "imei": 852828152985024,
        "user": "test"
    },
    {
        "simCar": 15904304760,
        "operator": "移動",
        "packageName": "5元30M",
        "validityPeriod": "1999-09-16",
        "unitPrice": 9,
        "quantity": 16,
        "amount": 28,
        "imei": 865702567049672,
        "user": "test"
    },
    {
        "simCar": 15675281891,
        "operator": "移動",
        "packageName": "5元30M",
        "validityPeriod": "1994-09-20",
        "unitPrice": 6,
        "quantity": 11,
        "amount": 53,
        "imei": 853793107424855,
        "user": "test"
    },
    {
        "simCar": 16858724167,
        "operator": "聯通",
        "packageName": "50元100G",
        "validityPeriod": "1972-12-13",
        "unitPrice": 6,
        "quantity": 10,
        "amount": 20,
        "imei": 885580073956485,
        "user": "test"
    },
    {
        "simCar": 13122536790,
        "operator": "聯通",
        "packageName": "50元100G",
        "validityPeriod": "1975-08-14",
        "unitPrice": 6,
        "quantity": 11,
        "amount": 39,
        "imei": 855558646675381,
        "user": "test"
    },
    {
        "simCar": 15919696562,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "1983-11-10",
        "unitPrice": 9,
        "quantity": 18,
        "amount": 88,
        "imei": 827319552951166,
        "user": "test"
    },
    {
        "simCar": 17494835189,
        "operator": "移動",
        "packageName": "10元500M",
        "validityPeriod": "2016-02-17",
        "unitPrice": 5,
        "quantity": 25,
        "amount": 30,
        "imei": 801064067705639,
        "user": "test"
    },
    {
        "simCar": 17448674712,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "2008-08-29",
        "unitPrice": 7,
        "quantity": 25,
        "amount": 24,
        "imei": 825519785186945,
        "user": "test"
    },
    {
        "simCar": 14491395241,
        "operator": "電信",
        "packageName": "5元30M",
        "validityPeriod": "2003-10-12",
        "unitPrice": 8,
        "quantity": 21,
        "amount": 9,
        "imei": 855451560160596,
        "user": "test"
    },
    {
        "simCar": 13183974573,
        "operator": "聯通",
        "packageName": "50元100G",
        "validityPeriod": "1987-12-14",
        "unitPrice": 6,
        "quantity": 29,
        "amount": 22,
        "imei": 853969910690622,
        "user": "test"
    },
    {
        "simCar": 18289632548,
        "operator": "電信",
        "packageName": "10元500M",
        "validityPeriod": "1998-04-01",
        "unitPrice": 7,
        "quantity": 10,
        "amount": 51,
        "imei": 846344615227595,
        "user": "test"
    },
    {
        "simCar": 16307571986,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "1981-04-25",
        "unitPrice": 8,
        "quantity": 23,
        "amount": 79,
        "imei": 872662352550854,
        "user": "test"
    },
    {
        "simCar": 13720011760,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "2002-10-25",
        "unitPrice": 9,
        "quantity": 30,
        "amount": 57,
        "imei": 886732013286832,
        "user": "test"
    },
    {
        "simCar": 14894482772,
        "operator": "移動",
        "packageName": "10元500M",
        "validityPeriod": "2012-06-02",
        "unitPrice": 5,
        "quantity": 29,
        "amount": 43,
        "imei": 865478233173510,
        "user": "test"
    },
    {
        "simCar": 17101923732,
        "operator": "移動",
        "packageName": "50元100G",
        "validityPeriod": "1991-03-12",
        "unitPrice": 5,
        "quantity": 21,
        "amount": 91,
        "imei": 815066465978981,
        "user": "test"
    },
    {
        "simCar": 18257632347,
        "operator": "電信",
        "packageName": "5元30M",
        "validityPeriod": "2011-01-13",
        "unitPrice": 7,
        "quantity": 13,
        "amount": 55,
        "imei": 841578662709560,
        "user": "test"
    },
    {
        "simCar": 14844088265,
        "operator": "聯通",
        "packageName": "10元500M",
        "validityPeriod": "1998-03-09",
        "unitPrice": 5,
        "quantity": 15,
        "amount": 89,
        "imei": 824780531386859,
        "user": "test"
    },
    {
        "simCar": 19074350385,
        "operator": "聯通",
        "packageName": "50元100G",
        "validityPeriod": "2015-05-26",
        "unitPrice": 9,
        "quantity": 13,
        "amount": 81,
        "imei": 882936029645768,
        "user": "test"
    },
    {
        "simCar": 18333624949,
        "operator": "聯通",
        "packageName": "50元100G",
        "validityPeriod": "2018-03-28",
        "unitPrice": 8,
        "quantity": 14,
        "amount": 25,
        "imei": 830672063452912,
        "user": "test"
    },
    {
        "simCar": 18074045598,
        "operator": "移動",
        "packageName": "10元500M",
        "validityPeriod": "1996-12-06",
        "unitPrice": 9,
        "quantity": 19,
        "amount": 35,
        "imei": 887540376467915,
        "user": "test"
    }]
}
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

vue項目中mockjs+axios實現前後端分離

文章目錄方式一1、開始&安裝2、使用3、控制檯打印方式二1、頁面效果2、創建mock.js3、main.js中引入mock.js4、在需要渲染的頁面使用 mockjs 官方文檔: 直達鏈接. mockjs GitHub地址: 直達

xiongdaandxiaomi 2020-07-04 23:00:26

mockjs在vue項目中的使用，不影響測試環境和生產環境

mockjs在項目中的使用 現狀： 後臺管理系統中，前後端進度可能會出現不一致的情況，前端的許多開發需要依賴後端接口開發的完成，這樣就會造成前端的被動狀態，會造成迭代前期前端時間充裕，迭代後期前端時間比較緊張（聯調時間基本都在前端） 目的

qq274501366 2020-07-03 07:53:42

vue+mockjs模擬數據以及list分頁功能

vue+mockjs模擬數據以及list分頁功能 msyrrr關注 0.1442019.06.01 10:30:30字數 132閱讀 2,317 第一步：安裝mockjs npm install mockjs --save-dev

bigFace2019 2020-06-25 23:15:23

前端模擬數據---mockjs

源於https://gitee.com/vsdeveloper/heima_76 使用步驟：基於vue下使用mockjs 一：安裝依賴 安裝mockjs: npm install mockjs 安裝axios ：npm install a

wenmin1987 2020-06-21 13:37:53

一個超簡單的接口 Mock 工具升級版介紹，各位前端同學記得收藏哦！

FungLeo 2020-05-22 18:05:59

玩玩 vue+mock.js 的使用

AlterIt 2020-04-21 04:25:15

mockjs的簡單應用

saturday-yh 2020-03-24 09:59:18

vue+mockjs 模擬真實數據

待续的诗 2020-02-22 07:31:11

vue項目中mockjs+axios實現前後端分離

文章目錄方式一1、開始&安裝2、使用3、控制檯打印方式二1、頁面效果2、創建mock.js3、main.js中引入mock.js4、在需要渲染的頁面使用 mockjs 官方文檔: 直達鏈接. mockjs GitHub地址: 直達

xiongdaandxiaomi 2020-07-04 23:00:26

mockjs在vue項目中的使用，不影響測試環境和生產環境

mockjs在項目中的使用 現狀： 後臺管理系統中，前後端進度可能會出現不一致的情況，前端的許多開發需要依賴後端接口開發的完成，這樣就會造成前端的被動狀態，會造成迭代前期前端時間充裕，迭代後期前端時間比較緊張（聯調時間基本都在前端） 目的

qq274501366 2020-07-03 07:53:42

vue+mockjs模擬數據以及list分頁功能

vue+mockjs模擬數據以及list分頁功能 msyrrr關注 0.1442019.06.01 10:30:30字數 132閱讀 2,317 第一步：安裝mockjs npm install mockjs --save-dev

bigFace2019 2020-06-25 23:15:23

前端模擬數據---mockjs

源於https://gitee.com/vsdeveloper/heima_76 使用步驟：基於vue下使用mockjs 一：安裝依賴 安裝mockjs: npm install mockjs 安裝axios ：npm install a

wenmin1987 2020-06-21 13:37:53

Mock.js的使用步驟

Mock.js是一個模擬數據的生成器，用來幫助前端調試開發、進行前後端的原型分離以及用來提高自動化測試效率。 Mock.js因爲兩個重要的特性風靡前端:    數據類型豐富    支持生成隨機的文本、數字、布爾值、日期、郵箱、鏈接、圖片、

Man - yee 2020-06-21 08:07:04

一個超簡單的接口 Mock 工具升級版介紹，各位前端同學記得收藏哦！

FungLeo 2020-05-22 18:05:59

玩玩 vue+mock.js 的使用

AlterIt 2020-04-21 04:25:15