# sql_to_er **Repository Path**: mumangguo/sql_to_er ## Basic Information - **Project Name**: sql_to_er - **Description**: SpringBoot3+Vue3实现的SQL转ER图 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 8 - **Forks**: 2 - **Created**: 2025-05-12 - **Last Updated**: 2025-12-23 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README SQL转ER图工具 一个优雅的SQL建表语句转ER图的Web应用,支持在线编辑和导出。通过简单的界面操作,轻松将SQL建表语句转换为清晰的实体关系图(ER图)。 本项目由[sql_to_ER](https://github.com/lbytsl/sql_to_ER)二开! ## ✨ 在线体验 [在线演示地址](http://110.41.55.66/#/) 演示截图![alt text](image.png) ## 🎯 核心功能 ### SQL解析能力 - ✅ 支持标准SQL建表语句的解析 - ✅ 自动识别表名、字段名、字段类型 - ✅ 智能识别主键、外键关系 - ✅ 支持批量SQL语句导入 - ✅ 支持表注释和字段注释的解析 - ✅ 支持查看历史记录 - ✅ 支持手动输入 ### ER图可视化 - ✅ 自动布局的ER图展示 - ✅ 实体表之间关系的可视化 - ✅ 支持拖拽调整图形位置 - ✅ 支持缩放和平移操作 - ✅ 支持多选和框选操作 ### 交互编辑 - ✅ 支持拖拽调整实体位置 - ✅ 支持编辑文字 - ✅ 支持筛选实体显示 - ✅ 支持自定义图表样式 - ✅ 支持查看关系模式 - ✅ 支持生成三线表 ### 导出功能 - ✅ 支持PNG、JPEG、draw.io格式导出 - ✅ 支持透明背景导出 - ✅ 自动添加时间戳文件名 - ✅ 高清图片质量 - ✅ 支持三线表导出word文档 ## 🚀 技术栈 ### 前端 (sql-front) - 框架:Vue 3 - 状态管理:Pinia - UI组件:Element Plus - 图形渲染:GoJS - 代码规范:ESLint + Prettier ### 后端 (sql-back) - 核心框架:Spring Boot 3.x - 构建工具:Maven - SQL解析:Druid SQL Parser - 开发语言:Java 17 ## 📦 安装和使用 ### 环境要求 - Node.js 18+ - Java 17+ - Maven 3.6+ ### 快速开始 1. 克隆项目 ```bash git clone https://gitee.com/mumangguo/sql_to_er.git ``` 2. 前端启动 ```bash cd sql-font npm install npm run dev ``` 3. 后端启动 ```bash cd sql-back mvn spring-boot:run ``` ## 📝 开源协议 本项目采用 [MIT](LICENSE) 开源协议。 ## 👨‍💻 作者 作者:[MUMANGGUO] 邮箱:[1805395628@qq.com] ## 🙏 致谢 感谢以下开源项目: - [Vue.js](https://vuejs.org/) - [Element Plus](https://element-plus.org/) - [GoJS](https://gojs.net/) - [Spring Boot](https://spring.io/projects/spring-boot) - [sql_to_ER](https://github.com/lbytsl/sql_to_ER) ## 📜 版权声明 Copyright © 2025 [MUMANGGUO] 本项目是一个开源项目,遵循 MIT 许可证。您可以自由地使用、修改和分发本项目,但需要保留原作者的版权声明和许可证声明。 ## 项目结构 ``` . ├── sql-back/ # 后端项目目录 │ ├── src/ # 源代码 │ └── pom.xml # Maven配置文件 │ ├── sql-font/ # 前端项目目录 │ ├── src/ # 源代码 │ └── package.json # npm配置文件 │ └── README.md # 项目说明文档 ```