JSON 设计器

可视化设计 JSON 结构,生成示例数据和 OpenAPI Schema。

结构设计

输出结果

使用说明

JSON 设计器的用途

  • !API 设计:在编写代码前,先可视化设计接口的请求/响应数据结构。
  • !文档生成:自动生成 OpenAPI Schema,方便集成到 API 文档中。
  • !示例数据:根据字段类型自动生成示例数据,用于前端开发和测试。
  • !团队协作:直观的字段设计让前后端对数据结构达成共识。

支持的数据类型

  • 字符串
  • 数字
  • 布尔
  • 对象
  • 数组
  • 空值

输出模式

支持四种输出模式:示例数据(用于 Mock)、JSON Schema(用于校验)、OpenAPI Schema(用于 API 文档)、TypeScript 类型定义(用于前端类型约束)。