前言

本教程基于飞牛系统 fnOS 0.9.15 的 Docker Compose 功能进行搭建。

简介

draw.io 是一款免费开源的在线绘图工具，可用于创建各种类型的图表和示意图。

功能特点

  • 操作简单：通过简单的拖拽操作，就能快速构建流程图、网络图、思维导图、组织结构图等。界面直观，即便没有绘图经验的用户也能快速上手。

  • 模板丰富：提供大量预设模板，帮助用户快速创建专业图表，节省时间和精力。

  • 实时协作：支持团队成员实时协作，共同编辑图表，还可通过内置聊天功能直接在图表上沟通，提升团队效率。

  • 格式支持广泛：支持多种格式的导入和导出，如能导入Microsoft Visio的VDX、VSD、VSDX文件，可导出为PDF、PNG、SVG等格式，方便与其他工具互通。

  • 自定义性强：提供丰富的自定义选项，用户可根据实际需求调整图表的样式和内容，还能创建和管理自定义模板与个性化图形库。

  • 数据安全：允许将图表保存到本地或云端，如Google Drive、OneDrive等，确保数据安全和易于访问，还可选择特定的时间点版本恢复文件。

  • 支持平台：无需安装，直接通过浏览器访问，支持所有主流操作系统，包括Windows、macOS、Linux，也有桌面版可供下载，方便在离线环境使用。

适用场景

  • 软件架构设计：可绘制UML图，包括类图、时序图、用例图等。

  • 业务流程建模：通过流程图与泳道图，展示业务流程和任务分工。

  • 项目管理：利用甘特图进行项目进度控制，还能通过组织结构图呈现项目团队架构。

  • UI/UX设计：可绘制线框图与界面原型图，用于设计初稿。

  • 学术科研：支持LaTeX，能嵌入各种数学公式，适合理工科课程绘图，也可用于绘制系统建模图等。

与其他工具对比优势

  • 价格优势：与Microsoft Visio、Lucidchart等通常需要订阅费用的工具相比，draw.io完全免费。

  • 使用便捷：无需下载安装，打开浏览器即可使用，更加方便。

  • 兼容性强：支持多种文件格式的导入和导出，方便与其他工具和平台整合，开放性更好。

  • 社区支持：作为开源工具，拥有活跃的用户社区，可提供丰富的资源和支持。

部署

  1. 打开Docker管理器，选择「Compose」，点击右上角「新增项目」。

  2. 在创建项目窗口中填写「项目名称」和选择数据存放「路径」，然后选择「创建docker-compose.yml」，将下列代码根据自己实际情况修改后复制粘贴进去。

    version: '3'
services:
  drawio:
    image: jgraph/drawio
    container_name: drawio
    restart: always
    ports:
      - "1980:8080"  # 可以修改为你需要的端口
    environment:
      - DRAWIO_SECURITY_PROFILE=all  # 可选，配置安全策略
    volumes:
      - ./data:/data  # 持久化存储数据

    勾选「创建项目后立即启动」，最后点击「确定」。

  3. 等待构建完成，然后在浏览器中输入IP:Port​访问。