mockjs在前面我們已經了解過了,其主要作用就是模擬資料。如果我們自行開發專案時,需要配合一些資料,此時如果手動新增的話,太繁瑣。於是都會使用mockjs。
這裡只要閱讀下mockjs官方文件即可了解mockjs的使用方法。
首先需要npm install mockjs
並引入
const mock =
require
("mockjs");
const result = mock.
mock(,
],})
.datas;
const class =
require
("../models/class");
class.
bulkcreate
(result)
;//會將陣列完整新增
const mock =
require
("mockjs");
const result = mock.
mock(/
, location:
"@city(true)"
,"classid|1-16":0
,},]
,}).datas;
console.
log(result)
;const student =
require
("../models/student");
student.
bulkcreate
(result)
;
如果兩張表是關聯的,新增資料時,應新增前置關係表(例:先有班級,才能給學生分配班級)
// 設定模型關係
const class =
require
("./class");
const student =
require
("./student");
class.
hasmany
(student)
;student.
belongsto
(class)
;
小程式mock模擬資料
1 安裝mock包 npm install shymean mock server g2 在專案根目錄下新建api資料夾,裡面新建 mock.js檔案,裡面放模擬的介面 mock.mock api test test.htm message success 3 進入 mock.js所在的資料夾,啟動...
mock模擬資料並設計介面
import mock from mockjs 引入mock const random mock.random 設定全域性延時,沒有延時的話,有時候會檢測不到資料變化 mock.setup 建立乙個陣列用來接收模擬的資料 const mocklist const count 7 模擬生成7條資料 f...
vue2 0 mock資料 模擬資料
因為開發是前後端同步的,所以前端有時需要自己模擬資料。這裡是在vue2.0的vue cli中模擬資料 我們在根目錄下新建資料夾mock,存放我們的資料goodlist.json 在build資料夾下的webpack.dev.config.js中 引入各個檔案 const express requir...