不用下载mock.js。直接生成想要的数据

new money

于 2021-11-26 10:08:18 发布

阅读量410

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript typescript css3

本文链接：https://blog.youkuaiyun.com/work33/article/details/121553674

本文指导如何使用Mock官网创建复杂的模拟数据，通过for循环实现100条数据生成，涵盖id、用户名、日期等字段，适合测试和数据填充

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

打开mock的官网，点击示例示例

打开开发者工具，在控制到输入
不同的数据，按着例子。填入即可，循环生成多少条数据。复杂的数据结构也是可以自己构造

 let obj = [];
    for (let i = 0; i < 100; i++) {
        obj[i] = Mock.mock({
            id: "@id()", // 得到随机的id,对象
            username: "@cname()", // 随机生成中文名字
            date: "@date()", // 随机生成日期
            avatar: "@image('200x100', '#894FC4', '#FFF', 'png', '!')",
            description: "@ctitle(11)",// 描述
            address: "@city(true)", // email
            ip: "@ip()", // email
        })
    }