使用 Docker 部署 Draw.io 在线流程图系统

1)介绍 Draw.io

GitHub: https://github.com/jgraph/drawio

Draw.io 是一款开源的绘制流程图的工具,拥有大量免费素材和模板。程序本身支持中文在内的多国语言,创建的文档可以导出到多种网盘或本地。无论是创建流程图、组织结构图、网络拓扑图还是其他类型的图表,Draw.io 基本都能满足你对图形展示的多样需求。

2)功能特性

  • 支持多种类型的图表和图形: Drawio 支持多种类型的图表和图形,包括流程图、网络拓扑图、组织结构图、UML 和 ER 图等。这使得 Drawio 能够满足不同用户的不同需求。
  • 易于使用的用户界面: Drawio 采用了简洁易懂的用户界面,即使是新手也能快速上手。
  • 可导出多个文件格式: Drawio 可以导出多种文件格式,包括 PDF、PNG、SVG、JPG等。这使得用户可以方便地分享和保存图表。
  • 可与云存储服务集成: Drawio 可与 Google Drive 和 OneDrive 等云存储服务集成。这使得用户可以方便地在云端存储和访问图表。
  • 多平台客户端支持: 如果觉得使用 Web 版不方便,Draw.io 也提供了多平台的离线桌面版可供下载。

3)在线体验

Demo: https://app.diagrams.net/



4)在线部署

4.1)安装 Docker 环境

bash 复制代码
# 高版本 Docker 安装
curl -fsSL https://get.docker.com/ | sh
bash 复制代码
# 关闭防火墙
systemctl disable --now firewalld
setenforce 0
bash 复制代码
# 启用 Docker
systemctl enable --now docker

4.2)开启 IPv4 forwarding

bash 复制代码
echo "net.ipv4.ip_forward=1" >> /etc/sysctl.conf
systemctl restart network
sysctl net.ipv4.ip_forward

4.3)部署 Draw.io

bash 复制代码
# 创建 Draw.io 数据存放目录
mkdir /docker/Drawio -p && cd /docker/Drawio

# 使用 Docker-Cli 运行 Drawio 容器
docker run -dit --name=drawio -p 8080:8080 \
-v drawiojs:/usr/local/tomcat/webapps/draw/js/ \
--restart=always jgraph/drawio

4.4)验证 Draw.io

bash 复制代码
docker ps -a

5)访问 Draw.io

使用浏览器访问 Draw.io 前台,http://服务器IP地址:8080

选择 Device

可选择 创建新的流程图 ( Create New Diagram )

或选择 打开现有的流程图 ( Open Existing Diagram )

可选择 流程图 类型( 然后选择对应模板 )

当然,也可以直接 基于空白页 自行绘制流程图

效果展示



6)总结

Drawio 是一款功能丰富的在线绘图工具,提供流程图、组织结构图等多种类型的图表。用户可以轻松拖放元素,实时编辑并与团队共享。支持多种文件格式导入导出,无需安装即可使用,适用于个人和团队快速创建各种图表。

相关推荐
火山引擎开发者社区8 小时前
Seedance 2.0上线火山方舟体验中心,API即将开放
docker·vim·emacs
freephp9 小时前
睡前讲一段docker编译镜像的故事
docker
运维行者_17 小时前
深入解析 Docker 监控:核心指标完整清单
运维·服务器·网络·数据库·docker·容器·eureka
礼拜天没时间.17 小时前
容器网络配置——从互联到自定义桥接
运维·网络·docker·容器·centos
中草药z18 小时前
【Linux】拆解 Linux 容器化核心:Namespace 隔离 + cgroups 资源控制,附 LXC 容器生命周期实战
运维·docker·容器·虚拟化·namespace·lxc·cgroups
猫头虎18 小时前
【汉化中文版】OpenClaw(Clawdbot/Moltbot)第三方开源汉化中文发行版部署全指南:一键脚本/Docker/npm 三模式安装+Ubuntu 环境配置+中文汉化界面适配开源版
docker·npm·开源·aigc·ai编程·远程工作·openclaw
feasibility.18 小时前
基于Qwen3-VL多模态嵌入/重排序模型+Dify(docker)工作流的电商图文检索系统
人工智能·docker·多模态·教育电商·dify·rag·智能体/工作流
liu****19 小时前
4.镜像仓库详解
c++·docker·云原生·容器·kubernetes·镜像\
程序员阿明19 小时前
docker 搭建iotdb集群2版本的
docker·容器·iotdb
likeGhee20 小时前
bridge 模式下docker容器无法访问,curl: (56) Recv failure: Connection reset by peer
运维·docker·容器