通过mockjs来制作假数据

Posted 东城以东

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过mockjs来制作假数据相关的知识,希望对你有一定的参考价值。

需用用到的模块为express和mockjs

//导入模块开启服务器模块
const express=require(‘express‘)
//导入假数据模块
const mockjs=require(‘mockjs‘)
//调用express方法
const app=express()
app.get(‘/‘,(res,resp)=>{
    //路由
    const obj=mockjs.mock({
        code:200,
        body:{
            "list|10":[{//list|10  为设置十条数据
                "id|+1":1,//主键加1
                "title":"@ctitle(5,8)",//设置标题5-8个字
                "image":"@image(560x560,@color,#fff,jpg,@word)",//设置图片大小,格式,图片里面的文字,颜色
                "price":"@float(1000,2000,2,2)"//设置价格1000-2000  小数位2位
            }]
        }
    })
    resp.json(obj)
})
//监听4399端口
app.listen(4399)
可以使用的方法:
生成省:@mock=@province()
生成市:@mock=@city()
生成县:@mock=@county()
生成url:@mock=@url()
生成姓名:@mock=@cname()
生成汉字:@mock=@cword(2,5)
生成句子:@mock=@csentence(2,5)生成段落:@mock=@cparagraph(3)
生成图片:@mock=@img(100x100)
生成颜色:@mock=@imgcolor()
生成日期:@mock=@date(yy-mm-dd)
生成时间:@mock=@time(hh-mm-ss)
生成自增:@mock=@increment(1)
生成自然数:@mock=@natural(1,100)
生成整数:@mock=@integer(1,100)
生成小数:@mock=@float(1,100,2,3)

以上是关于通过mockjs来制作假数据的主要内容,如果未能解决你的问题,请参考以下文章

让我们来简单说说mockjs吧!

mockjs

express+mockjs搭建数据服务

mockjs 使用简介

改造vue-cli,使用mockjs搭建mock server

mockjs 初识