mock模擬資料並設計介面

import mock from

'mockjs'
//引入mock
const random = mock.random
// 設定全域性延時，沒有延時的話，有時候會檢測不到資料變化
mock.
setup()
// 建立乙個陣列用來接收模擬的資料
const mocklist =
const count =7;
//模擬生成7條資料
for(
let i =
0; i < count; i++)$/
,//生成數字1＋10位數字（低配**號碼）
'perid|1'
:/[0-9]$/
,// 生成5位數字
'address|1':[
'山東省濟南市'
,'江蘇省南京市'
,'新疆烏魯木齊'
,'湖南長沙'],
//隨機選擇其中乙個位址})
)}

// 獲取使用者資訊列表

function
getlist()
// localstorage.setitem('userlist', json.stringify(mocklist))
// 每次獲取資料時，再從 localstorage 中拉取資料
var userlist =
json
.parse
(localstorage.
getitem
('userlist'))
return userlist
}// 獲取單個使用者資訊
function
getuser
(options)}}
// 刪除使用者資訊
function
deleteuser
(options)
}return
}// 新增使用者資訊
function
adduser
(options)
}// 更新使用者資訊
function
updateuser
(options)
} localstorage.
setitem
('userlist'
,json
.stringify
(userlist)
)return
}// 通過姓名獲取多個使用者列表
function
selectname
(options)
else
}return selectlist
}}

// 製作各個介面

mock.
mock
('/getlist'
,'get'
, getlist)
mock.
mock
('/getuser'
,'post'
, getuser)
mock.
mock
('/deleteuser'
,'post'
, deleteuser)
mock.
mock
('/adduser'
,'post'
, adduser)
mock.
mock
('/updateuser'
,'post'
, updateuser)
mock.
mock
('/selectname'
,'post'
, selectname)
// 最後將 mock 匯出
export
default mock

小程式mock模擬資料

1 安裝mock包 npm install shymean mock server g2 在專案根目錄下新建api資料夾，裡面新建 mock.js檔案，裡面放模擬的介面 mock.mock api test test.htm message success 3 進入 mock.js所在的資料夾，啟動...

node學習 Mock模擬資料

mockjs在前面我們已經了解過了，其主要作用就是模擬資料。如果我們自行開發專案時，需要配合一些資料，此時如果手動新增的話，太繁瑣。於是都會使用mockjs。這裡只要閱讀下mockjs官方文件即可了解mockjs的使用方法。首先需要npm install mockjs並引入 const mock r...

vue2 0 mock資料 模擬資料

因為開發是前後端同步的，所以前端有時需要自己模擬資料。這裡是在vue2.0的vue cli中模擬資料 我們在根目錄下新建資料夾mock，存放我們的資料goodlist.json 在build資料夾下的webpack.dev.config.js中 引入各個檔案 const express requir...