JSON 设计器

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

结构设计

输出结果

使用说明

JSON 设计器的用途

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

支持的数据类型

  • string:字符串类型,如姓名、邮箱
  • number:数值类型,如年龄、价格
  • boolean:布尔类型,如是否启用
  • object:嵌套对象,可包含子字段
  • array:数组类型,可定义元素结构
  • null:空值类型

输出模式

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