draw.io:开源款白板/图表绘制利器

news/2025/2/24 4:05:37

_20250221203658.jpg

在工作和学习中,我们常常需要绘制各种图表,例如流程图、思维导图、网络拓扑图等等。一款功能强大且易于上手的图表绘制工具可以极大地提高我们的效率。今天,我要向大家推荐一款开源免费的图表绘制工具—— draw.io,并手把手教你如何安装和使用它。

draw.io 介绍

draw.io 是一款功能强大的开源图表绘制工具,它可以帮助你轻松创建各种类型的图表,包括:

  • 流程图: 业务流程、系统流程、数据流程等

  • 思维导图: 整理思路、头脑风暴、项目规划等

  • 网络拓扑图: 网络结构、服务器架构、系统部署等

  • UML 图: 软件设计、类图、时序图等

  • 实体关系图: 数据库设计、数据模型等

  • 以及其他各种类型的图表: 甘特图、线框图、组织结构图等等

该项目目前在github已有52.6k star

_20250221201417.jpg

github地址:https://github.com/jgraph/drawio-desktop

github-docker-drawio地址:https://github.com/jgraph/docker-drawio

官方文档地址:https://www.drawio.com/

安装

我一直使用的是自己使用docker部署的web服务,也可以使用官方提供的web或者自己在电脑上安装桌面版

  • 在线使用

最简单的方式就是直接访问 draw.io

官网地址:https://app.diagrams.net/

无需安装任何软件,打开浏览器即可使用。

  • 自托管docker部署web

我使用的是docker-compose部署的,docker-compose.yml 如下:

services:
  draw:
    image: jgraph/drawio
    container_name: draw
    restart: always
    environment:
      TZ: Asia/Shanghai
    ports:
      - 9060:8080
      - 8443:8443

大家如果镜像下载不下来的话可以使用我转存在阿里云镜像仓库中的镜像,但是不一定是最新的registry.cn-hangzhou.aliyuncs.com/xjpublic/drawio

使用

docker-compose up -d

启动项目之后即可在浏览器中访问了

  • 桌面版安装

桌面版大家在github:https://github.com/jgraph/drawio-desktop/releases 上选择对应的安装包下载即可

使用

使用在这就不详细描述了

_20250221202833.jpg

总结

draw.io 是一款功能强大且易于使用的开源图表绘制工具,它可以帮助你轻松创建各种类型的图表。无论你是学生、教师、工程师还是设计师,draw.io 都能满足你的需求。赶快来试试吧!


http://www.niftyadmin.cn/n/5863958.html

相关文章

Linux 系统中的软链接与硬链接

目录 一、什么是软链接? 1. 创建软链接 2. 软链接的特性 3. 软链接的用途 二、什么是硬链接? 1. 创建硬链接 2. 硬链接的特性 3. 硬链接的用途 4. 目录硬链接的特殊性 ​编辑 三、软链接与硬链接的区别 1. inode 编号 2. 路径依赖 3. 删除行…

安卓好软-----车机端 安卓tv端很好用的应用管家 adb 授权等等功能

应用管家是一款完全免费且实用的安卓平台系统管理工具,专为管理电视、车机的应用及文件而设计。其支持提取/卸载禁用自带应用、传送安装、清理及本地文件查找编辑压缩等等功能。 众所周知,当前市面上大多数厂家智能电视系统均基于谷歌原生安卓进行了“深…

go channel 的用法和核心原理、使用场景

一、Channel 的核心用法 1. 基本操作 // 创建无缓冲 Channel&#xff08;同步通信&#xff09; ch : make(chan int) // 创建有缓冲 Channel&#xff08;容量为5&#xff0c;异步通信&#xff09; bufferedCh : make(chan int, 5) // 发送数据到 Channel ch <- 42 // 从…

(前端基础)CSS(一)

了解 Cascading Style Sheet&#xff1a;层叠级联样式表 CSS&#xff1a;表现层&#xff08;美化网页&#xff09;如&#xff1a;字体、颜色、边框、高度、宽度、背景图片、网页定位、网页浮动 css优势&#xff1a; 内容和表现分离网页结构表现统一&#xff0c;可以实现复用…

`AdminAdminDTO` 和 `userSession` 对象中的字段对应起来的表格

以下是将更正后的表格放在最前面的回答&#xff0c;表格包含序号列&#xff0c;合并了后端 AdminAdminDTO 和前端 userSession 的所有字段&#xff0c;并标注对方没有的字段。token 字段值用省略号&#xff08;...&#xff09;表示&#xff1a; 序号字段名AdminAdminDTO (后端…

抽象类、接口、枚举

一、抽象类 1.1 简介 作为父类&#xff0c;里面的方法逻辑不能满足任何一个子类的需求&#xff0c;提供的逻辑根本就用不上&#xff0c;那么就不添加方法体了&#xff0c;此时这个方法需要 使用关键字abstract来修饰&#xff0c;表示为抽象方法&#xff0c;而抽象方法所在的类…

Deepseek reasoning-content 透出调研

Deepseek reasoning-content 透出调研 部署方式&#xff1a;Docker Ollama Deepseek-R1:8b 参考&#xff1a; https://help.apiyi.com/deepseek-reasoning-content-guide.htmlhttps://yuluo-yx.github.io/blog/%E4%BD%BF%E7%94%A8-Ollama-%E9%83%A8%E7%BD%B2-DeepSeek-%E5…

【消息队列】认识项目

1. 项目介绍 该项目是去实现一个简单的消息队列&#xff0c;包含服务器&#xff0c;客户端的实现&#xff0c;客户端通过远程方法调用与服务器进行交互。采用自定义应用层协议&#xff0c;下层使用 TCP 协议进行数据在网络中传输&#xff0c;核心功能提供了虚拟主机&#xff0…