其他分享
首页 > 其他分享> > MockJS基础学习

MockJS基础学习

作者:互联网

image.png

安装

# 使用axios发送ajax
npm install axios --save
# 使用mockjs产生随机数据
npm install mockjs --save-dev
# 使用json5解决json文件,无法添加注释问题
npm install json5 --save-dev

简单的一个例子

const Mock = require('mockjs')
let id = Mock.mock('@id')

var obj = Mock.mock({
    id: "@id()", // 得到随机的id,对象
    username: "@cname()", // 随机生成中文名字
    data: "@data()", // 随机生成日期
    avatar: "@image('200x200','bulue','#fff','avatar')",   // 生成图片,参数:size,ackground,font color,content
    description: "@paragraph()",    // 描述
    ip: "@ip()",    // ip地址
    email: "@email()"   // 邮箱
})
console.log(obj)

效果:

{
  id: '360000198611143149',
  username: '林超',
  data: '@data()',
  avatar: 'http://dummyimage.com/200x200/bulue/fff&text=avatar',
  description: 'Usyqmvs xuqhsgu drty tthiu terhdpi xnfxxp fngn twppfd niq ged otrmrbw hhnicnh ekfagjs pkcwutv. Aur lodsvdn wgowo neqnjmov xuhk vnt kbuzvk wwvsovaqm ickwix hrjmuxjdrk ldt othkoub kshisuhbm zvroyhsy. Mypysnyyw qdpyjc clvaku ophkl gowm bnknzlyjy trigfq qdkw ldiqqeks nwkvdq srdapxqkq yuebbadk hyhmywiln. Nulmshmsnx hyofnur pchrdlvq uwfmduderx wsnmgu mivn hfzwtv ugtupm liecjruxh dcceewty lngtuhfl owpops xighhy muekhyui bqa dnoczbpg. Cxjf qetbtabrbd mpqvslkn ucjhktjm jseclwud kslve fwjugu ngjvgvhv lbohskrh mbnxvv ehllev mxkzxiit ske cdmuruzan qzpmnho.',
  ip: '159.251.147.64',
  email: 'u.vomtofue@qzpg.li'
}

引入json5库来解析json5格式

简单的一个例子

得到一个json文件
image.png

const fs = require('fs')
const path = require('path')
const JSON5 = require('json5')

var json = fs.readFileSync(path.join(__dirname, './userInfo.json5'), 'utf-8')
var obj = JSON5.parse(json)
console.log(obj)

效果:
image.png

标签:const,基础,json,学习,json5,obj,avatar,MockJS,id
来源: https://www.cnblogs.com/ranylra/p/15213356.html