计算机设计必备：在线「系统功能模块结构图」与「ER 图」制图工具功能介绍
面向计算机设计、课程设计写文档时，经常要画两张硬通货图：系统功能模块结构图、数据库 ER 图。AI源码（https://www.aiyuanma.vip/tools）提供了对应的在线制图工具，下面只介绍功能。
一、系统功能模块结构图
工具地址：https://www.aiyuanma.vip/tools/module-tree
1. 树形结构编辑
- 支持按「模块 → 子模块 → 功能点」层级编辑功能结构树
- 提供简单可视化编辑与高级 JSON 编辑两种方式
- 双击直接修改内容，告别繁琐的数据录入
- 内置电商系统示例数据，可直接改名改结构后出图
2. 层级与样式调节
- 可按层级设置文字方向（水平 / 垂直）
- 可调节节点外观、间距、画布四周边距等
- 支持参数一键重置为默认样式
3. 预览与导出
- 实时预览整棵功能结构树
- 虚线框预览导出裁切范围，便于控制论文插图留白
- 一键导出高清 PNG，适合直接插入设计说明书
二、ER 图
工具地址：https://www.aiyuanma.vip/tools/er
1. 数据驱动绘图
- 通过 JSON 描述实体、字段、关系后自动生成陈氏 ER 图
- 内置电商示例（用户、商品、订单、收藏、评论），与常见课程作业模型一致
- 提供操作手册，可配合大模型（如豆包）根据建表 SQL 生成可用 JSON 并一键填入
2. 两种视图
- 完整 ER：突出实体、关系与重要字段，适合总览
- 分表 ER：按表展示全部字段，适合说明书分表说明
3. 显示与样式
- 图上文字可切换中文 / 英文显示
- 可调节文字、边框、连线、填充、字号、线宽、画布底色等
- 支持缩放、平移、复位，以及导出裁切边距预览
4. 导出
- 完整 ER 可导出整图 PNG
- 分表 ER 支持区域导出 / 单表导出，方便分图插入文档
