0
点赞
收藏
分享

微信扫一扫

前端福利-根据代码随机生成json数据

westfallon 2022-04-14 阅读 115

vue—json-server+mock模拟数据

一、前期准备工作

二、mock.js安装

npm install mockjs --save

三、json-server安装

npm i  json-server 

四、生成随机json数据

image-20220414084357869

const Mock = require('mockjs') // 引入mockjs
 
const Random = Mock.Random // Mock.Random 是一个工具类,用于生成各种随机数据
 
let data = [] // 用于接受生成数据的数组

for(let i = 0; i < 30; i ++) { // 可自定义生成的个数
  let template = {
    //随机生成1-12的整数
    'month':Random.integer(1,12),
    // 'nationKey':'',
     //随机生成省份
    'nationName':Random.province(),
    // 'peopleKey':'',
     //随机生成中文名
    'peopleName':Random.cname(),
   	   'totalConsumption':Random.integer(10000,100000000),
    'year':2021
  }
   //将json数据加入数组中
  data.push(template)
}
let one = Mock.mock(data) // 根据数据模板生成模拟数据
let newarry = JSON.stringify(one)
                      
//利用写入文件
 const fs =require('fs')
const path =require('path')
let dir = path.join(__dirname,'data2.json')//这里写你要存入哪个文件的路径
fs.writeFile(dir,newarry,'utf8',(err)=>{
    console.log("写入成功"+err);
})
console.log(one);

image-20220414085031276

image-20220414085106753

image-20220414085351440

image-20220414085423265

五、启动json-server服务开启端口

这里需要注意一下 json-server 必须要是一个object对象才能开启

image-20220414085944440

image-20220414090130889

image-20220414090200139

举报

相关推荐

0 条评论