Mock 數據自動化的使用

一、常用Mock生成數據實例

//mockjs 文檔的github地址: https://github.com/nuysoft/Mock/wiki

let Mock = require('mockjs');
let basicData = Mock.mock({
    'list|1-100': [{
        'id|+1': 1,
        'isBoolean': '@boolean(10, 0, true)',//百分之百的true
        'naturalNumber': '@natural(1, 1000)', //大於等於零的整數
        'integer': '@integer(0)', //隨機整數
        'float': '@float(1, 100, 3, 6)', //隨機浮點數, 
        'character': '@character("upper")', //一個隨機字符
        'string': '@string("lower", 5, 20)', //一串隨機字符串
        'range': '@range(1, 10, 2)', //一個整形數組,步長爲2
    }]
});

// console.log(basicData);

let Date = Mock.mock({
    'dateList|10': [{
        'date': '@date',
        'date-yyyy-MM-dd': '@date(yyyy-MM-dd)',
        'date-yy-MM-dd': '@date(yy-MM-dd)',
        'date-y-MM-dd': '@date(y-MM-dd)',
        'date-y-M-d': '@date(y-M-d)',
        'line-through': '------------------------------------------------',
        'timessss': '@time', //隨機的時間字符串,
        'time-format': '@time()', //指示生成的時間字符串的格式, default: 'HH: mm: ss',
        'time-format-1': '@time("A HH:mm:ss")',
        'time-format-2': '@time("a HH:mm:ss")',
        'time-format-3': '@time("HH:mm:ss")',
        'time-format-4': '@time("H:m:s")',
        'datetime': '@datetime("yyyy-MM-dd A HH:mm:ss")', //返回一個隨機的日期和時間字符串
        'dateNow': '@now("second")' //獲取當前完整時間
    }]
});
// console.log(Date);

let imageList = Mock.mock({
    'imageList|5': [{
        'id|+1': 1,
        'img': '@image',//生成一個隨機的圖片地址,
        'img-1': '@image("200x100", "#000", "#fff", "png", "Mock.js")', //生成一個200*100, 背景色#000,前景色#fff, 格式png, 文字mock.js的圖片
    }]
})
// console.log(imageList);

let paragraph = Mock.mock({
    'paragraphList|5': [{
        'id|+1': 1,
        'paragraph1': '@cparagraph(2)', //生成一段2句話的中文文本,
        'paragraph2': '@paragraph(3)', //生成一個3句話的英文文本
        'title': '@title', //隨機生成一個英文標題
        'ctitle': '@ctitle', //隨機生成一箇中文標題
    }]
})
// console.log(paragraph);

let name = Mock.mock({
    'nameList|5': [{
        'id|+1': 1,
        'name': '@name', //英文名,
        'cname': '@cname', //中文名
    }]
})
// console.log(name);

let webList = Mock.mock({
    'webList|5': [{
        'id|+1': 0,
        'url': '@url("http", "baidu.com")', //url: http://www.baidu.com
        'protocol': '@protocol', //隨機生成一個url協議
        'domain': '@domain', //隨機生成一個域名,
        'email': '@email', //隨機生成一個郵箱地址,
        'ip': '@ip' //隨機生成一個ip地址
    }]
})
// console.log(webList);

let address = Mock.mock({
    'addressList|5': [{
        'id|+1': 1,
        'region': '@region', //生成一個大區
        'province': '@province', //生成一個省份
        'city': '@city', //生成一個市
        'country': '@country', //一個縣
        'zip': '@zip', //郵政編碼
    }]
})
console.log(address)

二、手冊和文檔

地址:http://mockjs.com/examples.html#Number

點擊跳轉

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章