news 2026/2/19 21:25:47

局域网画ER 图太受限?Drawdb+cpolar让团队协作无边界

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
局域网画ER 图太受限?Drawdb+cpolar让团队协作无边界



文章目录

    • 前言
    • 1. Windows本地部署DrawDB
    • 2. 安装Cpolar内网穿透
    • 3. 实现公网访问DrawDB
    • 4. 固定DrawDB公网地址
        • 当技术工具开始服务于实际场景需求时,Drawdb与cpolar这对组合给出了“轻量化、高协同”的答案。它们不追求功能上的大而全,却用精准的设计让数据库开发回归核心价值——或许这正是开源社区对效率提升的最优解。

前言

Drawdb 是一款专注于实体关系图(ERD)绘制的工具,支持拖拽生成高保真图表,能自动识别表关联逻辑,界面简洁且适配深浅模式,很适合需要频繁调整数据库架构的产品团队、开发人员使用。它的优点在于操作直观,导入导出格式丰富,能对接多种数据库,让数据库设计流程更高效。

使用 Drawdb 时会发现,它无需注册登录就能直接上手,快捷键功能也很实用,能节省不少操作时间。不过要注意,本地部署后所有文件都存在自己的环境里,得做好备份以防数据丢失。

但 Drawdb 默认只能在局域网内使用,这就带来了不少麻烦。比如团队成员异地办公时,没法实时在同一个 ER 图上协作修改;外出时想查看或调整设计,也只能依赖局域网内的设备,灵活性大打折扣。

而当 Drawdb 与 cpolar 内网穿透结合后,这些问题就迎刃而解了。通过 cpolar 生成的公网链接,团队成员无论在哪个城市,都能远程访问本地的 Drawdb 服务,实时协同修改表结构。既不用额外搭建云服务,又能保留数据自主权,让数据库设计的协作彻底摆脱物理位置的限制。

1. Windows本地部署DrawDB

演示环境:Windows10专业版

打开命令行,从github下载项目到本地,执行下面的命令

gitclone https://github.com/drawdb-io/drawdb

(如果没有安装git的话,进入git官网进行下载windows版本 https://git-scm.com/downloads)

创建目录

cddrawdb

在项目的根目录下,执行下面的命令,下载依赖。

npminstall

(没有安装Node.js的话,点击官网下载链接https://nodejs.org/en/download,这里演示版本是v20.12.2)

在项目的根目录下,运行Drawdb,可以看到运行成功,出现 http://localhost:5173/

npmrun dev

可以看到我们已经在本地部署了Drawdb,测试一下是否部署成功,接下来我们打开浏览器输入localhost:5173

点击Try it for yourself,无需注册登录就可以直接进入到界面中。

左侧的导航中,会给出5种类型的对象,table,relationship,subject area,note 和type

快捷键

DrawDB虽然是一个纯web的系统,但是也配备了全面的快捷键。在帮助里可以查看到全部支持的快捷键。

导入/导出

导入的话支持diagram和source两种方式。

导出的话,支持导出到5种数据库:MySQL、PostgreSQL、SQLite、MariaDB、SQL Server。

另外还支持导出为图片、JSON、PDF和自己的格式等。

导入和导出方面基本符合了正常使用的需要。

我们成功的在本地部署了DrawDB数据库设计工具,但是如果异地办公,或者团队成员不在同一局域网中该如何实现异地公网办公呢?

我们可以结合cpolar内网穿透工具,使团队成员可以同时在同一个数据库模型上工作,轻松共享想法、提供建议,并确保数据库设计的一致性和准确性。这对于团队合作设计复杂数据库结构的场景尤为重要。

2. 安装Cpolar内网穿透

下面是安装cpolar步骤:

Cpolar官网地址: https://www.cpolar.com

点击进入cpolar官网,点击免费使用注册一个账号,并下载最新版本的Cpolar

登录成功后,点击下载Cpolar到本地并安装(一路默认安装即可)本教程选择下载Windows版本。

Cpolar安装成功后,在浏览器上访问http://localhost:9200,使用cpolar账号登录,登录后即可看到Cpolar web 配置界面,结下来在web 管理界面配置即可。

接下来配置一下 DrawDB 的公网地址,

登录后,点击左侧仪表盘的隧道管理——创建隧道,

创建一个 DrawDB 的公网http地址隧道

  • 隧道名称:可自定义命名,注意不要与已有的隧道名称重复
  • 协议:选择http
  • 本地地址:5173 (本地访问的地址)
  • 域名类型:免费选择随机域名
  • 地区:选择China Top

隧道创建成功后,点击左侧的状态——在线隧道列表,查看所生成的公网访问地址,有两种访问方式,一种是http 和https

使用上面的Cpolar https公网地址,在手机或任意设备的浏览器进行登录访问,即可成功看到 DrawDB 界面,这样一个公网地址且可以远程访问就创建好了,使用了Cpolar的公网域名,无需自己购买云服务器,即可到公网访问 DrawDB 了!

3. 实现公网访问DrawDB

我们用刚才cpolar生成的公网地址,打开一个新的浏览器复制粘贴,可以看到进入到了DrawDB项目管理界面。

点击Try it for yourself进入到数据库设计界面。

小结

如果我们需要长期异地远程访问DrawDB,由于刚才创建的是随机的地址,24小时会发生变化。另外它的网址是由随机字符生成,不容易记忆。如果想把域名变成固定的二级子域名,并且不想每次都重新创建隧道来访问DrawDB,我们可以选择创建一个固定的http地址来解决这个问题。

4. 固定DrawDB公网地址

我们接下来为其配置固定的HTTP端口地址,该地址不会变化,方便分享给别人长期查看你的博客,而无需每天重复修改服务器地址。

配置固定http端口地址需要将cpolar升级到专业版套餐或以上。

登录cpolar官网,点击左侧的预留,选择保留二级子域名,设置一个二级子域名名称,点击保留,保留成功后复制保留的二级子域名名称

保留成功后复制保留成功的二级子域名的名称

返回登录Cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道,点击右侧的编辑

修改隧道信息,将保留成功的二级子域名配置到隧道中

  • 域名类型:选择二级子域名
  • Sub Domain:填写保留成功的二级子域名

点击更新(注意,点击一次更新即可,不需要重复提交)

更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,地址名称也变成了固定的二级子域名名称的域名

最后,我们使用固定的公网https地址在任何浏览器打开访问,可以看到访问成功,这样一个固定且永久不变的公网地址就设置好了,可以随时随地进行异地公网访问DrawDB了,方便团队协作,大大提高了工作效率!

当技术工具开始服务于实际场景需求时,Drawdb与cpolar这对组合给出了“轻量化、高协同”的答案。它们不追求功能上的大而全,却用精准的设计让数据库开发回归核心价值——或许这正是开源社区对效率提升的最优解。

cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/2/20 10:48:52

从入门到精通:Agent任务分解终极指南,一篇彻底讲透技术栈与实战!

本文将详细介绍如何在金融、证券领域构建智能Agent系统,实现复杂问题的自动化任务分解、依赖管理和并行执行。通过大模型、意图识别、工具使用的协同配合,为用户提供高效、准确的金融数据分析和决策支持。 代码以逻辑为主,并非完整可运行&…

作者头像 李华
网站建设 2026/2/16 5:18:58

AutoGPT入门指南:安装、使用与案例全解析

AutoGPT:开启自主智能体的实践之路 你有没有想过,有一天只需告诉 AI 一个目标,比如“帮我写一份竞品分析报告”,然后就去喝杯咖啡,回来时报告已经写好、数据图表齐全、甚至还附上了参考文献?这听起来像是科…

作者头像 李华
网站建设 2026/2/19 20:24:41

27、文本编辑器的复杂性与设计权衡

文本编辑器的复杂性与设计权衡 1. 交互设计与复杂性处理 交互设计是一项涉及人机工程学和用户心理学考量的技能,相较于编写代码,这项技能更为少见,可能也更具难度。应对各种复杂性,更多地需要凭借洞察力而非方法。削减偶然复杂性,需留意是否存在更简单的做事方式;削减可…

作者头像 李华
网站建设 2026/2/20 1:42:30

基于java + vue校园快递物流管理系统(源码+数据库+文档)

校园快递物流管理 目录 基于ssm vue医院管理系统 一、前言 二、系统功能演示 三、技术选型 四、其他项目参考 五、代码参考 六、测试参考 七、最新计算机毕设选题推荐 八、源码获取: 基于ssm vue医院管理系统 一、前言 博主介绍:✌️大厂码农|…

作者头像 李华
网站建设 2026/2/20 3:37:44

TOB企业获客软件选型指南:技术架构、核心能力与可信赖度深度剖析

在数字化转型浪潮的推动下,TOB(企业级服务)市场的竞争日趋白热化。企业销售与市场团队正面临着一个严峻的技术挑战:如何从海量的潜在客户数据中,精准、高效地识别出高意向的商机,并实现销售流程的自动化与智…

作者头像 李华