mock 格式

mock占位符 : https://github.com/nuysoft/Mock/wiki/Syntax-Specification

轉(zhuǎn)載: https://blog.csdn.net/qq_43652509/article/details/84029619

"id|+1": 10,  從10開(kāi)始,加一
"cardNum": "@integer(10000)", //大于1000的正整數(shù)
"name": "@cname",   中文名
"birthday": "@date",    年月日
"phone|11": "@integer(0,9)", // 11個(gè)數(shù)字0-9間的數(shù)字
"integral": "@integer(0, 500)",  0-500的隨機(jī)數(shù)
"money": "@float(0, 1000, 1, 3)", // 0-1000小數(shù),1-3位小數(shù)位
"payType|1": ['1','2','3','4'], // 4選 其1
"address": "@county(true)"  地址
"image": "@image(200x200)", 圖片和大小
"datetime": "@datetime", 年月日時(shí)分秒  24至
"boolean": "@boolean",  true和false
"range": "@range(2, 10)"  2到10直接的數(shù)
"now": "@now"   年月日時(shí)分秒 12至
"regexp": /[a-z][A-Z][0-9]/,   三個(gè)之間隨機(jī)的一個(gè)數(shù)
"csentence": "@csentence",  隨機(jī)的標(biāo)題數(shù)

@title: 標(biāo)題
@cword(100) :文本內(nèi)容 參數(shù)為字?jǐn)?shù)

@title: 生成隨機(jī)的英文標(biāo)題
@cword(字?jǐn)?shù)):生成隨機(jī)的中文標(biāo)題
圖片設(shè)置的其他用法:
@image()

@image( size )

@image( size, background )

@image( size, background, text )

@image( size, background, foreground, text )

@image( size, background, foreground, format, text )

size:尺寸良哲,格式為:‘寬x高’

background:背景色盛卡,格式為:#FFFFFF

text:圖片上顯示的文本

foreground:廣本顏色

format:圖片格式,可選值包括:png筑凫、gif滑沧、jpg。

@image()

// => “http://dummyimage.com/125x125”

@image(‘200x100’)

// => “http://dummyimage.com/200x100”

@image(‘200x100’, ‘#fb0a2a’)

// => “http://dummyimage.com/200x100/fb0a2a”

@image(‘200x100’, ‘#02adea’, ‘Hello’)

// => “http://dummyimage.com/200x100/02adea&text=Hello”

@image(‘200x100’, ‘#00405d’, ‘#FFF’, ‘Mock.js’)

// => “http://dummyimage.com/200x100/00405d/FFF&text=Mock.js”

@image(‘200x100’, ‘#ffcc33’, ‘#FFF’, ‘png’, ‘!’)

// => “http://dummyimage.com/200x100/ffcc33/FFF.png&text=!”
Type    Method
基本類型    boolean, natural, integer, float, character, string, range, date, time, datetime, now
圖片  image, dataImage
顏色  color
文本  paragraph, sentence, word, title, cparagraph, csentence, cword, ctitle
姓名  first, last, name, cfirst, clast, cname
網(wǎng)站  url, domain, email, ip, tld
地址  area, region
編號(hào)  guid, id

屬性是布爾值
1)‘name|1’: Boolean
隨機(jī)生成一個(gè)布爾值巍实,值為 true 的概率是 1/2滓技,值為 false 的概率同樣是 1/2

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Mock</title>
  <script src="js/vuejs-2.5.16.js"></script>
  <script src="js/axios-0.18.0.js"></script>
  <script src="js/mock-min.js"></script>
</head>
<body>
</body>
<script>
  let  data  =  Mock.mock({
        'list|5':  [{
              //屬性值自動(dòng)加1,后面1是初始值
              'id|+1':  1,
              //測(cè)試這個(gè)詞語(yǔ) 重復(fù)隨機(jī)次數(shù):最大9次,最小重復(fù)2次
              'name|2-9': '測(cè)試',
              'phone|11': '1',
              //生成200到1000以內(nèi)隨機(jī)的整數(shù)
              'point|200-1000':0,
              //生成整數(shù)部分大于等于3000棚潦,小于等于8000殖属,max小數(shù)部分保留2位的數(shù)據(jù)
              'money|3000-8000.2':0,
              //整數(shù)部分大于等于3000小于等于8000,max小數(shù)部分隨機(jī)保留2到4位的小數(shù)
              'money2|1000-2000.2-4':0,
              //隨機(jī)生成布爾值瓦盛,默認(rèn)為ture,為true概率:1/2
              'status|1':true
        }]
  })
  // 輸出結(jié)果
  console.log(JSON.stringify(data, null, 2))
</script>
</html>

2)‘name|min-max’: value
隨機(jī)生成一個(gè)布爾值,值為 value 的概率是 min / (min + max)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Mock</title>
  <script src="js/vuejs-2.5.16.js"></script>
  <script src="js/axios-0.18.0.js"></script>
  <script src="js/mock-min.js"></script>
</head>
<body>
</body>
<script>
  let  data  =  Mock.mock({
        'list|5':  [{
              //屬性值自動(dòng)加1,后面1是初始值
              'id|+1':  1,
              //測(cè)試這個(gè)詞語(yǔ) 重復(fù)隨機(jī)次數(shù):最大9次外潜,最小重復(fù)2次
              'name|2-9': '測(cè)試',
              'phone|11': '1',
              //生成200到1000以內(nèi)隨機(jī)的整數(shù)
              'point|200-1000':0,
              //生成整數(shù)部分大于等于3000原环,小于等于8000,max小數(shù)部分保留2位的數(shù)據(jù)
              'money|3000-8000.2':0,
              //整數(shù)部分大于等于3000小于等于8000处窥,max小數(shù)部分隨機(jī)保留2到4位的小數(shù)
              'money2|1000-2000.2-4':0,
              //隨機(jī)生成布爾值嘱吗,默認(rèn)為ture,為true概率:1/2
              'status|1':true,
              'default|1‐3':true
        }]
  })
  // 輸出結(jié)果
  console.log(JSON.stringify(data, null, 2))
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Mock</title>
  <script src="js/vuejs-2.5.16.js"></script>
  <script src="js/axios-0.18.0.js"></script>
  <script src="js/mock-min.js"></script>
</head>
<body>
</body>
<script>
  let  data  =  Mock.mock({
        'list|5':  [{
              //屬性值自動(dòng)加1,后面1是初始值
              'id|+1':  1,
              //測(cè)試這個(gè)詞語(yǔ) 重復(fù)隨機(jī)次數(shù):最大9次,最小重復(fù)2次
              'name|2-9': '測(cè)試',
              'phone|11': '1',
              //生成200到1000以內(nèi)隨機(jī)的整數(shù)
              'point|200-1000':0,
              //生成整數(shù)部分大于等于3000滔驾,小于等于8000谒麦,max小數(shù)部分保留2位的數(shù)據(jù)
              'money|3000-8000.2':0,
              //整數(shù)部分大于等于3000小于等于8000,max小數(shù)部分隨機(jī)保留2到4位的小數(shù)
              'money2|1000-2000.2-4':0,
              //隨機(jī)生成布爾值哆致,默認(rèn)為ture,為true概率:1/2
              'status|1':true
        }]
  })
  // 輸出結(jié)果
  console.log(JSON.stringify(data, null, 2))
</script>
</html>

屬性值是Object
1)‘name|count’: object

從屬性值 object 中隨機(jī)選取 count 個(gè)屬性绕德。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Mock</title>
  <script src="js/vuejs-2.5.16.js"></script>
  <script src="js/axios-0.18.0.js"></script>
  <script src="js/mock-min.js"></script>
</head>
<body>

</body>
<script>
  let  data  = Mock.mock({
        'list|5':  [{
              //屬性值自動(dòng)加1,后面1是初始值
              'id|+1':  1,
              //測(cè)試這個(gè)詞語(yǔ) 重復(fù)隨機(jī)次數(shù):最大9次,最小重復(fù)2次
              'name|2-9': '測(cè)試',
              'phone|11': '1',
              //生成200到1000以內(nèi)隨機(jī)的整數(shù)
              'point|200-1000':0,
              //生成整數(shù)部分大于等于3000摊阀,小于等于8000耻蛇,max小數(shù)部分保留2位的數(shù)據(jù)
              'money|3000-8000.2':0,
              //整數(shù)部分大于等于3000小于等于8000踪蹬,max小數(shù)部分隨機(jī)保留2到4位的小數(shù)
              'money2|1000-2000.2-4':0,
              //隨機(jī)生成布爾值,默認(rèn)為ture,為true概率:1/2
              'status|1':true,
              'default|1‐3':true,
              //2的意思是從后面對(duì)象中隨機(jī)選取2個(gè)屬性進(jìn)行展示
              'detail|2':{'id':1,'date':'2005‐01‐01','content':'記錄'}
        }]
  })
  // 輸出結(jié)果
  console.log(JSON.stringify(data, null, 2))
</script>
</html>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末臣咖,一起剝皮案震驚了整個(gè)濱河市跃捣,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌夺蛇,老刑警劉巖疚漆,帶你破解...
    沈念sama閱讀 207,248評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異刁赦,居然都是意外死亡娶聘,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門截型,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)趴荸,“玉大人,你說(shuō)我怎么就攤上這事宦焦》⒍郏” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 153,443評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵波闹,是天一觀的道長(zhǎng)酝豪。 經(jīng)常有香客問(wèn)我,道長(zhǎng)精堕,這世上最難降的妖魔是什么孵淘? 我笑而不...
    開(kāi)封第一講書人閱讀 55,475評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮歹篓,結(jié)果婚禮上瘫证,老公的妹妹穿的比我還像新娘。我一直安慰自己庄撮,他們只是感情好背捌,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著洞斯,像睡著了一般毡庆。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上烙如,一...
    開(kāi)封第一講書人閱讀 49,185評(píng)論 1 284
  • 那天么抗,我揣著相機(jī)與錄音,去河邊找鬼亚铁。 笑死蝇刀,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的徘溢。 我是一名探鬼主播熊泵,決...
    沈念sama閱讀 38,451評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼仰迁,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了顽分?” 一聲冷哼從身側(cè)響起徐许,我...
    開(kāi)封第一講書人閱讀 37,112評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎卒蘸,沒(méi)想到半個(gè)月后雌隅,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡缸沃,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評(píng)論 2 325
  • 正文 我和宋清朗相戀三年恰起,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片趾牧。...
    茶點(diǎn)故事閱讀 38,163評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡检盼,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出翘单,到底是詐尸還是另有隱情吨枉,我是刑警寧澤,帶...
    沈念sama閱讀 33,803評(píng)論 4 323
  • 正文 年R本政府宣布哄芜,位于F島的核電站貌亭,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏认臊。R本人自食惡果不足惜圃庭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望失晴。 院中可真熱鬧剧腻,春花似錦、人聲如沸涂屁。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,357評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)胯陋。三九已至,卻和暖如春袱箱,著一層夾襖步出監(jiān)牢的瞬間遏乔,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,590評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工发笔, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留盟萨,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,636評(píng)論 2 355
  • 正文 我出身青樓了讨,卻偏偏與公主長(zhǎng)得像捻激,于是被迫代替她去往敵國(guó)和親制轰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容

  • Mock.js 是一款前端開(kāi)發(fā)中攔截Ajax請(qǐng)求再生成隨機(jī)數(shù)據(jù)響應(yīng)的工具.可以用來(lái)模擬服務(wù)器響應(yīng). 優(yōu)點(diǎn)是非常簡(jiǎn)單...
    中v中閱讀 775評(píng)論 0 0
  • 前端開(kāi)發(fā)過(guò)程中免不了出現(xiàn)等接口的情況胞谭,而靜態(tài) JSON 不足以體現(xiàn)前端高大上的逼格垃杖,是時(shí)候拿出 mock.js 了...
    MrWelson閱讀 1,763評(píng)論 0 0
  • 學(xué)習(xí)目的 ①開(kāi)發(fā)時(shí),后端還沒(méi)完成數(shù)據(jù)輸出丈屹,前端只好寫靜態(tài)模擬數(shù)據(jù)调俘。數(shù)據(jù)牽制與后端,前端頁(yè)面無(wú)法很好的展示旺垒,...
    _1633_閱讀 4,547評(píng)論 0 24
  • Mock 安裝 生成隨機(jī)數(shù)據(jù)彩库,模擬ajax請(qǐng)求 # 安裝 npm install mockjs # 引用 impo...
    把我當(dāng)做一棵樹(shù)叭閱讀 1,266評(píng)論 0 1
  • 語(yǔ)法規(guī)范 包含兩部分:1)數(shù)據(jù)模板定義規(guī)范(Data Template Definition,DTD)2)數(shù)據(jù)占位...
    0981b16f19c7閱讀 2,261評(píng)論 0 0