mockjs的使用

安裝依賴

npm i mockjs(注意，在項目根目錄下啟動終端)

導入依賴

通過node獨立運行

node ./src/js/mymock.js (路徑/js文件名)

const Mock=require('mockjs')
const datas=Mock.mock({
    ....
})
//打印查看，stringify(打印數據，數據轉換函數，字符縮進)
console.log(JSON.stringify(datas,null,2))

和html一起在瀏覽器運行

<script src="../node_modules/jquery/dist/jquery.js"></script>
<!--引入mock.js文件-->
<script src="../node_modules/mockjs/dist/mock.js"></script>
<!--生成數據的js文件-->
<script src="../db/mymock.js"></script>

//mymocl.js(不需要定義Mock)
const datas=Mock.mock({
    ....
})

定義規范

DTD（數據模板定義規范）

由屬性名、生成規則、屬性值構成

const datas=Mock.mock({
    //創建一個名叫userList的數組，里面裝10個對象
    'userList|10':[{
        'id|+1':1,//id屬性從1開始，每次+1
        'name|2':'han',//name屬性的值為‘han’重復兩次 hanhan
        'pid|4-80':1,//pid屬性的值是4-80之間的數，1表示規定數據類型是數字
        'salary|4000-10000.1-3':1,//salary的值是4000到10000之間，保留1到3位小數
        'statue|1':true,//statue屬性true和false各占50%
        'open|2-4':true,//open屬性true占2/6，false占4/6
        'order|1-3':{oid:'1',oname:'han',oage:31},//order屬性從對象中隨機出去1-3個屬性		
        'identify':正則表達式
    }]  
})

DPD（數據占位符定義規范）

const datas=Mock.mock({
    'empList|10':[{
      	'name':'@name',//標准英文名
        'cname':'@cname',//標准中文名
        'salary':'@float',//任意小數
        'gender':'@boolean',//任意布爾
        'birth':'@date',//任意日期
        'mypic':'@image',//任意圖片
        'title':'@ctitle(3-10)',//任意中文標題(3-10個漢字)
        'email':'@email',
        'area':'@region',//任意區域
        'address':'@county(true)'//任意地址       
    }]
})