在此运行 完全在你的浏览器里运行,不上传、不登录
模拟数据构建
用 JSON 模板加占位符批量生成模拟接口数据,支持固定随机种子与 MSW / json-server 片段。
可用占位符
{{index}}{{int 1 100}}{{float 0 1 2}}{{bool}}{{uuid}}{{name}}{{firstName}}{{lastName}}{{email}}{{word}}{{sentence}}{{pick a b c}}{{date}}{{phone}}{{url}}{{city}}{{country}}{{company}} 占位符不加引号直接写,例如 "score": {{int 1 100}};写在引号字符串里的占位符会就地填充。
相同种子得到相同数据。留空则每次运行都是新的随机数据。
本页只生成普通 JSON 文本:不启动真实服务、不发起任何请求,把结果复制进你自己的 mock 层即可。
怎么用
- 在左侧写一条记录的 JSON 模板。占位符不加引号直接写,例如
"score": {{int 1 100}}。 - 把条数设成你要的行数,范围 1 到 1000。
- 想下次得到同一批数据就填随机种子;留空则每次运行都是新的随机数据。
- 点生成。工具会填充全部占位符、解析结果并输出 JSON 数组。
- 复制数组;或把配置片段切到 MSW、json-server、JS 模块,复制一段已经填好这些记录的配置代码。json-server 那一段是不含注释的合法 JSON。
写在引号字符串里的占位符会就地填充,所以 "你好 {{name}}" 同样可用。
常见用法
- 接口还没好,先把列表页填满 —— 生成 50 条带连续 id 的用户记录,粘进 fixture 文件。
- 可复现的缺陷报告 —— 把种子写进 issue,任何人都能再生成一模一样的数据。
- 压一压表格 —— 把条数调到 500 或 1000,看看长列表下界面表现如何。
- 接上 MSW —— 片段切到 MSW,把带着你填的路径的 handler 直接放进 mock 配置。
常见问题
问:它会启动模拟服务或拦截 fetch 吗? 答:不会。它只在本地生成模拟数据,产出普通 JSON 文本和一段配置片段;不启动服务,也不拦截或发起任何请求。
问:模板写成数组会怎样? 答:数组会被解析,并取第一个元素作为记录模板。这样从示例里整段复制过来的模板,依然能按你填的条数产出记录。
问:为什么未知占位符被换成了 null? 答:无法识别的占位符没有合理的填充值,所以它变成 null,同时名字会列在状态行里,而不是让整次运行失败。
你的数据留在这台设备上
模拟数据构建 完全在本地运行。你粘贴或拖入的一切都由你自己的浏览器处理,不会被传走。我们的服务器不保存任何东西——关掉标签页就没了。
你输入的内容不会发往服务器、不被记录,也不用于分析统计。首次加载之后即使断网,这个页面照样能用。