当前位置: 首页 > news >正文

erd-editor:一款免费开源的ERD设计工具

erd-editor 是一款免费开源的数据库 ERD(实体关系图)设计工具,支持实时协作和端到端的数据加密。

erd-editor 项目采用 JavaScript/TypeScript 语言开发,遵循 MIT 开源协议,代码托管在 GitHub:

https://github.com/dineug/erd-editor

功能特性

  • 使用方式:erd-editor 不仅提供了基于浏览器的在线工具,而且支持 VS Code、Intellij 插件,或者也可以在 Web 应用程序中嵌入使用。

  • 可视化设计:提供图形化的方式设计表结构(字段、主键、索引等)和外键关联关系(1:N、1:1、0:N 等)。

  • 导入文件:支持 SQL、JSON 文件导入表结构设计,包括 MySQL/MariaDB、Oracle、PostgreSQL、Microsoft SQL Server、SQLite 语法。

  • 导出文件:支持将表结构设计导出为 SQL、JSON 文件格式,支持导出 PNG 图片文件。

  • 模式比较:支持比较两个模式设计之间的差异。

  • 关系可视化:通过可视化的图展现表之间的关系。

  • 代码生成:提供快速对象定义生成代码,支持 GraphQL、C#、Java、Kotlin、TypeScript、JPA、Scala 语言,可以定义表和字段名的命名风格。

  • 快速搜索:支持数据表和功能菜单的快速查找。

  • 实时协作:基于端到端加密技术,支持多人在线同步协作编辑。

  • 系统设置:支持界面主题、快捷键、外键数据类型同步等功能设置。

在线使用

erd-editor 提供了一个在线工具,打开浏览器,输入以下地址:

https://erd-editor.io/

点击“New Schema”新建一个模式设计,然后右键添加表结构。

下载安装

如果想要在 Web 应用程序中嵌入 erd-editor 编辑器,可以使用 npm 进行安装:

npm install @dineug/erd-editor

然后在代码中进行引用:

import '@dineug/erd-editor';const editor = document.createElement('erd-editor');
document.body.appendChild(editor);

除此之外, erd-editor 还提供了 VS Code 和 IntelliJ 插件,可以直接在扩展市场进行搜索安装。

http://www.dtcms.com/a/546003.html

相关文章:

  • 如何查看一个网站是什么程序做的住宅装饰装修工程施工规范
  • 网站空间企业个人网页设计需要考什么证书
  • 2025青科会启幕,网易伏羲携游戏AI前沿实践共话未来
  • 网站建设领先广州代做网站
  • 聊网站推广免费下载一个app
  • 深圳电商网站制作公司郑州二七区做网站
  • vue路径大小写引入检查与修复;配置git大小写敏感
  • 赣州网站开发公司网站开发的重难点
  • dvadmin开发文档(第一版)
  • 设计网站视频教程长沙网站推广优化
  • 淘宝电子面单API集成中的常见技术难点与解决方案
  • 高端网站制作要多少钱河北网站开发公司
  • 电脑制作网站的软件免费发布信息平台网
  • 西宁网站seo价格永康企业网站建设公司
  • 做视频特技的网站网站字体排版技巧
  • Rust 的零成本抽象:深入理解 Option 与 Result 的设计哲学
  • rust:什么是所有权
  • 模版网站好吗搜索引擎最新排名
  • 【js逆向案例二】瑞数6 深圳大学某医院
  • 网站编辑怎么样东莞网站建设网站推广价钱
  • TypeScript声明合并详解一
  • 网站后台登录域名注册公司需要注册资金吗
  • 蓝牙钥匙技术详解:从基础原理到未来趋势 大纲
  • 基于SVM与HOG特征的交通标志检测与识别
  • 如何做能上传视频网站网页设计教程
  • 做网盟的网站必须备案wordpress发表的文章点不开
  • nextjs路由[[...slug]]与[...slug]的区别
  • 全国药品招标、投标常用数据渠道及数据库<很全>
  • 附录:glibc-2.4 pthread 源码简要(了解)
  • 网站注册费用济南网站优化哪里做的好