这是一个基于 Next.js 的 ER 图生成器,允许用户输入 MySQL CREATE TABLE 语句并生成相应的实体关系图。该项目使用 TypeScript 和 Tailwind CSS 构建,提供了友好的用户界面和交互体验。
- 输入 MySQL CREATE TABLE 语句
- 生成相应的 ER 图
- 显示加载动画
- 错误处理和提示
- 下载生成的 ER 图为 SVG 文件
- 放大查看 ER 图
- Next.js - React 框架
- TypeScript - JavaScript 的超集
- Tailwind CSS - 实用优先的 CSS 框架
- mermaid - 用于生成图表的库
- node-sql-parser - SQL 解析器
-
克隆这个仓库:
git clone https://github.com/yourusername/er_generator.git cd er_generator -
安装依赖:
npm install
-
运行开发服务器:
npm run dev
-
打开浏览器访问 http://localhost:3000 查看应用。
- 在文本框中输入 MySQL CREATE TABLE 语句。
- 点击 "Generate Diagram" 按钮生成 ER 图。
- 点击生成的 ER 图可以放大查看。
- 点击 "Download Diagram" 按钮下载 ER 图为 SVG 文件。
欢迎任何形式的贡献!请提交问题或拉取请求。
该项目使用 MIT 许可证。有关详细信息,请参阅 LICENSE 文件。