1. 程式人生 > >Mock.js篇3:資料佔位符定義規範DPD

Mock.js篇3:資料佔位符定義規範DPD

Mock.Random 是一個工具類,用於生成各種隨機資料。Mock.Random 的方法在資料模板中稱為『佔位符』,書寫格式為 @佔位符(引數 [, 引數]) 。
內建方法列表:

Type**** Method****
Basic boolean, natural, integer, float, character, string, range, date, time, datetime, now
Image image, dataImage
Color color
Text paragraph, sentence, word, title, cparagraph, csentence, cword, ctitle
Name first, last, name, cfirst, clast, cname
Web url, domain, email, ip, tld
Address area, region
Helper capitalize, upper, lower, pick, shuffle
Miscellaneous guid, id

1、基本方法

可以生成隨機的基本資料型別:
(1)string 字串
(2)integer 整數
(3)date 日期

// 使用 Mock
let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        'id|+1': 1,
        'name':'@string',//字串
        'point':'@integer',//整形
        'birthday':'@date'//日期
    }]
})
// 輸出結果
console.log(JSON.stringify(data,null,2))

2、影象方法

image 隨機生成圖片地址
 

// 使用 Mock
let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        'id|+1': 1,
        'name':'@string',
        'point':'@integer',
        'birthday':'@date',
        'pic':'@image'//隨機生成圖片地址
    }]
})
// 輸出結果
console.log(JSON.stringify(data,null,2))

3、文字方法

(1)@title: 標題。
(2)@cword(100):文字內容,引數為字數。

// 使用 Mock
let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        'id|+1': 1,
        'name':'@string',
        'point':'@integer',
        'birthday':'@date',
        'pic':'@image',
        'title':'@title',//標題
        'content':'@cword(100)'//文字內容
    }]
})
// 輸出結果
console.log(JSON.stringify(data,null,2))

4、名稱方法

(1)cname :中文名稱
(2)cfirst:中文姓氏
(3)Last:英文姓氏

// 使用 Mock
let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        // 屬性 id 是一個自增數,起始值為 1,每次增 1
        'id|+1': 1,
        'name':'@cname',
        'ename':'@last',
        'cfirst':'@cfirst',
        'point':'@integer',
        'birthday':'@date',
        'pic':'@image',
        'title':'@title',
        'content':'@cword(100)'
    }]
})
// 輸出結果
console.log(JSON.stringify(data,null,2))

5、網路方法

可以生成url/ip/email等網路相關資訊

// 使用 Mock
let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        'id|+1': 1,
        'name':'@cname',
        'ename':'@last',
        'cfirst':'@cfirst',
        'point':'@integer',
        'birthday':'@date',
        'pic':'@image',
        'title':'@title',
        'content':'@cword(100)',
        'url':"@url",//url地址
        'ip':"@ip",//ip地址
        'email':"@email"//郵政
    }]
})
// 輸出結果
console.log(JSON.stringify(data,null,2))

6、地址方法

(1)@region 區域
(2)@county 省市縣

// 使用 Mock
let Mock = require('mockjs')
let data = Mock.mock({
    'list|10': [{
        'id|+1': 1,
        'name':'@cname',
        'ename':'@last',
        'cfirst':'@cfirst',
        'point':'@integer',
        'birthday':'@date',
        'pic':'@image',
        'title':'@title',
        'content':'@cword(100)',
        'url':"@url",
        'ip':"@ip",
        'email':"@email",
        'area':'@region',//區域
        'address':'@county(true)'//省市區
    }]
})
// 輸出結果
console.log(JSON.stringify(data,null,2))