← 返回项目库

Liam ERD 中文数据库关系图

Liam ERD 是一个将数据库 schema 转换为可交互实体关系图的开源 Web 工具，支持表清单、字段详情和关系可视化。

本中文适配版本保留 Liam ERD 的公共 ERD 查看器：打开示例 schema 后，可在数据表侧栏选择表、隐藏或显示全部表、查看字段与约束详情，并使用缩放和画布工具浏览复杂关系。交付包包含固定 commit 的 monorepo 源码、上游 Apache 2.0 许可证和中文核心界面改动。

真实界面

项目截图

共 6 张

Liam ERD｜数据库关系图
companies
字段
索引 #
约束 #
仅表名

Capabilities

核心功能

✓数据库 schema 自动解析为 ERD
✓数据表侧栏与表清单浏览
✓表字段、索引和约束详情查看
✓表选择后聚焦关系与相关表
✓全部隐藏/显示和仅显示选中表
✓缩放、适应画布和整理布局
✓中文核心工具栏与错误提示
✓Next.js、React、TypeScript monorepo 源码

适用场景

评审 Rails、SQL 等数据库 schema 的表关系
生成可分享的数据库结构文档和 ERD 预览
学习 React Flow 图编辑器与 Next.js 服务端解析流程

适合谁

需要查阅数据库结构、评审表关系、制作 schema 文档或学习 Next.js 与 React Flow 实现的开发者和技术团队。

商业化思路

开源源码交付、数据库建模可视化定制和技术咨询；使用者需按上游许可证履行版权与许可证义务。

你会拿到什么

  • ✓固定 commit 的完整源码包与 pnpm lockfile
  • ✓中文核心 ERD 界面及工具栏文案
  • ✓Apache 2.0 LICENSE 与版权信息
  • ✓构建、运行和 6 状态截图验证证据

部署流程

  1. 1安装 Node.js 22+ 和 pnpm 10+，进入源码根目录。
  2. 2执行 pnpm install --frozen-lockfile 安装锁定依赖。
  3. 3执行 pnpm build 构建 workspace；按部署环境配置必要的 Supabase 与 GitHub 服务。
  4. 4使用 pnpm --filter @liam-hq/app start -p 3001 启动 Web 应用，并访问公共 ERD 路由。

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

公共 ERD 页面可独立查看公开 schema；登录、项目管理、迁移和云端协作能力依赖 Supabase、GitHub 等外部配置，未在本次本地公共页面证据中宣称通过。

部署难度

中等

最低配置

Node.js 22+、pnpm 10+；构建阶段建议至少 4 GiB 内存，运行 Next.js 公共 ERD 页面建议至少 1 vCPU、512 MB 内存。

开源许可证

Apache License 2.0

最后验证

2026-08-27

技术栈

Next.js 15React 18TypeScriptReact Flowpnpm monorepo

授权说明

源码包保留根目录 LICENSE 及上游版权声明；中文化适配修改在原许可证范围内交付，并披露本地化修改。

Release notes

版本记录

2 个已发布版本

vcn-1e39aeb03f82-zh2 当前推荐

完成中文核心界面适配，并补充本地真实 schema 证据与可交付演示数据。

部署要求：Node.js 22+、pnpm 10+；完整应用的登录与项目管理功能还需要按上游文档配置 Supabase、GitHub 等外部服务。

已知问题：本版本的生产回读以公共 ERD 查看器为准，不把未配置外部服务的登录、云端项目管理或迁移任务声明为已验证。

v1.0.0-cn.1 当前推荐

完成中文核心 ERD 工具栏与错误提示适配，保留数据库表名和字段名等 schema 标识，并通过 6 状态本地运行证据。

部署要求：Node.js 22+、pnpm 10+；完整应用的登录与项目管理功能还需要按上游文档配置 Supabase、GitHub 等外部服务。

已知问题：本版本的生产回读以公共 ERD 查看器为准，不把未配置外部服务的登录、云端项目管理或迁移任务声明为已验证。

登录后领取