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

最新推荐文章于 2025-12-10 20:37:40 发布

原创最新推荐文章于 2025-12-10 20:37:40 发布 · 430 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #typescript #css3

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

打开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
        })
    }