使用 processon 画 UML 图

最新推荐文章于 2025-04-14 11:35:30 发布
最新推荐文章于 2025-04-14 11:35:30 发布
阅读量1.8w 收藏 34
点赞数 7
分类专栏： # 工具 文章标签： proceeson 画 UML 图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sinat_41104353/article/details/83588696
版权

文章目录

模板选择

点开 https://www.processon.com/diagrams 的新建按钮，我们可以很轻松的找到创建 UML 这个选项
在这里插入图片描述

去掉网格以及自定义页面大小

刚进入 processon 的时候，我们会发现这里有很多网格
在这里插入图片描述

网格可以帮助强迫症对齐方框，但如果想去掉的话，也是可以的，去掉方法有两种，分别如下：

  1. 我们点开最右边那个 页面设置 ，然后将 显示网格 复选框点没就行。同时这里还可以 自定义 页面大小。
    在这里插入图片描述

  2. 左上角点击 页面

在这里插入图片描述

UML 图

然后我们可以在左边找到各种 UML 图的选项：
在这里插入图片描述
拖动这些图形我们就可以愉快的制作 UML 图了，这里放上一张我制作的 UML 时序图给大家看下效果：
在这里插入图片描述

箭头类型的设置

但是当我们想找到下图中的线的时候，可选项里却没有提供。
在这里插入图片描述

其实不是没有，而是不在左边而已。画出上图两种连线操作方法如下：

  1. 选中一条直线
  2. 然后在顶栏找到下图这选项点开，就可以分别设置线的虚实、线的宽度和箭头类型了。
    在这里插入图片描述

当然，processon 还可以画流程图、思维导图什么的，而且全部都是免费的。不过免费的都有一个额度，好像最多只能保留 9 个还是 10 个文件。

如果你还没有注册过这个网站，而且有意向注册这个网站的话，可以使用我的邀请链接 https://www.processon.com/i/58e8fc9de4b0dd4e87c1d0d8，通过我的邀请链接注册的话，是可以增加你的保留文件数量的 ?。

如果你额度不够，又不想删原来的文件，可以通过增大原来文件 页面大小 来变相增加文件数量。

小技巧

如果我们想将箭头指向一个方框的内部，我们可以在这个方框内部放置一个文本框或者一个宽度为零的方框，然后将箭头执行这个不可见的方框就行了。

彩蛋

再分享思维脑图中的一个很多人都不知道的小技巧，为什么说很多人不知道呢。因为我看很多人使用思维脑图分享文件时，都出现了这个问题。

思维脑图中默认的模板在新建一定数量的子主题后，页节点就不会有方块了。一开始我觉得十分不习惯，也没找到怎么把子主题都设置为方块形式，最后发现是 主题风格 的原因
在这里插入图片描述

我们选择下图中箭头所指的魔术棒后，就会出现许多不同风格的主题供我们选择，其中有的主题风格的子节点全是方块状的，有的则不是的。
在这里插入图片描述

下图中用红色方块圈出来的都是正宗的方块。淡绿色圈出来的都不那么纯粹。当预览的主题风格中有多种颜色时，多次选择同一主题风格，可以改变背景颜色。
在这里插入图片描述
最后主题设为方块的效果图如下：
在这里插入图片描述

绝世神器ProcessOn：UML绘图利器，阿里和字节都沉迷其中！
CyberNerdX的博客
09-15 412
总而言之，ProcessOn作为一款强大的UML绘图工具，为开发人员提供了便捷而高效的方式来设计和传达软件系统的结构和设计。而在这个领域中，ProcessOn成为了一款备受推崇的UML绘图工具，不仅受到了阿里和字节等知名企业的青睐，更是被誉为绝世神器。ProcessOn的使用简单而直观，它提供了丰富的UML图示符号和强大的绘图功能，使得开发人员可以轻松地创建各种类型的UML图，包括用例图、类图、时序图、活动图等等。在类图中，我们可以使用矩形框表示类，类名位于矩形框的顶部，属性位于中间，方法位于底部。
一文读懂：程序员为什么要学会画流程图 11种流程图的绘制工具：processon，wps，draw.io， 迅捷画图等 详细说明使用processon绘制流程图 详细说明绘制流程图
念兮为美
07-23 2421
一文读懂程序员为什么要学会画流程图，以及推荐11种流程图的绘制工具，比如processon，wps，drawio，迅捷绘图等。详细说明如何使用processon绘制流程图。实例说明如何绘制流程图：我们在拿到产品经理的项目需求时，往往是软件的原型图，因而，我们需要对原型图进行业务分析，如果不能正确的进行业务分析，做出来的产品往往是事与愿违。......
processon画UML类图
Eistert
11-24 2750
参考 UML类图（Class Diagram）中类与类之间的关系及表示方式 https://blog.youkuaiyun.com/a19881029/article/details/8957441 【UML 建模】在线UML建模工具 ProcessOn 使用详解 https://blog.youkuaiyun.com/shulianghan/article/details/47684729 类之间五种关系 1 依赖关系(Dependency) 单向，表示一个类依赖于另一个类的定义，其中一个类的变化将影响另外一个类，是一种“us
设计模式(ProcessOn)----如何画uml图？ 用ProcessOn在线画图工具
jiahuier的博客
03-10 4531
下面主要介绍一下UML类图怎么画 一.注释 注释就是对类图的补充说明，通过虚线连接被注释的元素。 二.类 类使用包含类名、属性(field) 和方法(method) 且带有分割线的矩形来表示。 三.接口 在UML中，接口有两种表示方式： 1.普通接口表示法（飞翔）。 2.棒棒糖表示法（讲人话），使用一个带有名称的小圆圈来表示，在旁边写上相应接口名称，没有具体接口方法。 四.类与类之间的关系 ...
免费使用画流程图的软件ProcessOn
最新发布
2401_83636575的博客
04-14 318
1.不知道大家有没有发现ProcessOn也开始收费了，我记得去年上半年可以免费试用，当我们点击新建-->流程图就会弹出下面这个界面。2.去回收站里，把一个删掉的文件恢复，再去最近那里可以看到恢复的文件，点击就可以继续使用了。
Processon——UML类图
weixin_43466783的博客
03-10 4489
1、注释(comment) 注释就是对类图的补充说明，可以附加在任何元素上，用 右上角有折角的矩形来表示，其内放置说明文字，通过 虚线连接被注释的元素，如下图： 2、类（Class) 在面向对象（OO) 编程中，类是对现实世界中一组具有相 同特征的物体的抽象。 在UML类图中，类使用包含类名、属性(field) 和方法 (method) 且带有分割线的矩形来表示，如图： 类的属性的完整表示方式：...
第一次使用processon画图——UML类图
qq_43774908的博客
03-03 3495
首先直接搜索processon打开就可以或者使用下面的链接进入https://www.processon.com/ 进入之后可以注册自己的账号，然后就可以开始画图了。
使用Processon绘制UML图和ER图
weixin_51015571的博客
06-26 2977
画布上方的菜单栏选择连线类型，功能模块图中一般选定第一种转弯带直角的线条，开始箭头和结束箭头都为点状。实体联系图的图形选择主要为矩形、菱形、椭圆等，图形选择方法如上，直接拖拽即可。实体联系之间需要表明数量关系，此处双击线条出现方框，即可在框中输入内容，输入完毕后方框会自动消失。实体联系图中主要的属性需要用下划线标出，当我们在椭圆中输入完属性名后可将文字设置为下划线、加粗、斜体等形式。将各实体用菱形连接并标明数量关系，实体中发散出的椭圆形中输入各属性名，即可完成实体联系图的绘制。
ProcessOn制作流程图
2201_75616755的博客
12-14 4332
ProcessOn是一个面向垂直专业领域的作图工具和分享社区。它支持流程图、思维导图、原型图、网络拓扑图和UML等多种类型的绘制。思维导图也好、逻辑图也罢，都是帮助我们从抽象中来，到具象中去的方法，ProcessOn会把这些方法加强，相信这种加强对常常需要“离散—总结—再离散”自己思维的伙伴来说，是有价值的。它为思维视觉化提供了更多可能。除了工具属性外，ProcessOn也是一个分享社区，用户将自己有价值的知识绘制成图后发布到ProcessOn平台，与相关行业大V在站内进行交流。
Processon流程图的使用和自定义元件库的使用
weixin_74242572的博客
12-14 1051
ProcessOn是一个在线协作绘图平台，为用户提供强大、易用的作图工具！支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计、iOS界面原型设计等。同时依托于互联网实现了人与人之间的实时协作和共享。首先我们用原有的元件做一个东西出来把你做的东西复制一下 然后点击文件 再点击新建文件库就会弹出这样一个弹窗 点击是进入之后把你复制的粘贴一下再点文件那里的保存或者直接Ctrl+s保存保存之后写上你想要的元件库名称。
产品必备技能绘制流程图泳道图&processon工具使用
m0_74276368的博客
12-13 1563
进入官网ProcessOn 是一个面向垂直专业领域的作图工具和社交网络，成立于2011年6月并于2012年启动，支持绘制思维导图流程图UML网络拓扑图组织结构图、原型图、时间轴等等专注于为作图人员提供价值，利用互联网和社交技术颠覆了人们梳理流程的方法习惯，继而使商业用户获得比传统模式更高的效率和回报，改善人们对流程图的创作过程。应用场景计划制定:ProcessOn的思维导图可以用于制定计划，包括工作计划、学习计划、旅游计划等，计划可以按照时间或项目划分，将繁杂的日程整理清晰。
用Processon在线绘制UML的尝试
04-23 288
地址https://www.processon.com/ ProcessOn是一个面向垂直专业领域的作图工具和社交网络，成立于2011年6月并于2012年启动。ProcessOn将全球的专家顾问、咨询机构、BPM厂商、IT解决方案厂商和广泛的企业用户紧密的连接在一起，提供基于云服务的免费流程梳理、创作协作工具，与同事和客户协同设计，实时创建和编辑文件，并可以实现更改的及时合并与同步，这...
【设计模式】UML类图样例--------processon作图
qq_45289396的博客
03-03 385
推荐一款 在线UML制作工具processOn
Black Shadow
03-16 1329
推荐一款 在线UML制作工具processOn 由于默认可以使用的私有文件数量太少了，另外附赠批量要求，只需要有2个邮箱即可，如现在使用email1注册的帐号，现在邀请email2注册，只需修改源码中的被邀请邮箱、用户名开头、email1帐号的要求连接即可，然后运行main，最后进入邮箱email2然后挨个的点击验证就可以了 Processon.java import HttpQuery
UML在线绘图 - ProcessOn
weixin_33671935的博客
01-12 272
https://www.processon.com/ 转载于:https://www.cnblogs.com/blog-yejy/p/8275859.html
processon完全装逼指南
weixin_33966365的博客
11-20 3281
一、引言 作为一名IT从业者，不仅要有扎实的知识储备，出色的业务能力，还需要具备一定的软实力。软实力体现在具体事务的处理能力，包括沟通，协作，团队领导，问题的解决方案等，这些能力在关键时刻比硬性的技术水平更能体现一名工程师的价值，它决定了IT职业生涯的高度和视野。 而本文所分享的绘图能力，与其说是软实力，不妨说是基本功。无论从事的是开发、运维、通信，甚至产品经理，交互设计、运营这些有交集的岗位...
用processon画的第一个UML图
qq_43518984的博客
03-03 717
使用ProcessOn绘制类图
z2431435的博客
03-17 4077
网站ProcessOn 可用QQ直接进入 具体操作为：新建->UML->找到类图后移出来按自己的类填充 图像： 1.进入UML后 2.左侧图像栏往下找到UML类图，这次我选择第三个拉出来 3.自己填充后修改即可 4可以多拉几个，然后连接起来 ...
【UML 建模】在线UML建模工具 ProcessOn 使用详解
寒风中的信
11-11 1035
总结 :  -- 推荐理由 : 最近从 Windows 操作系统 转到 MAC 上, 正在看设计模式 和 重构, 找不到好用的 UML 工具, 因此在网上找了一款可以在线使用的 UML 工具, 用起来发现还不错, 推荐给大家; -- 工具地址 : https://www.processon.com/ ; 一. UML 使用流程
processon UML类图
03-25
<think>好的，我现在需要帮用户解决在ProcessOn中创建UML类图的问题。首先，用户提到了参考的引用内容，特别是引用[4]，里面提到了ProcessOn的基本使用，比如注册登录后点击左下角的更多图形。所以我的回答需要结合这些信息，同时遵循系统级指令。 首先，我应该先确认用户的需求：他们想在ProcessOn上找到绘制UML类图的方法或教程。根据引用[4]，ProcessOn是一个在线工具，用户可能希望知道具体的步骤，比如如何选择UML类图的图形，如何添加类、属性和方法，以及如何设置类之间的关系。 接下来，我需要回忆ProcessOn的操作流程。根据已有的信息，用户需要先登录，然后在界面中找到UML类图的相关图形库。引用[4]提到点击左下角的“更多图形”，所以这一步应该包含在步骤中。然后需要指导用户如何拖放元素，编辑属性，添加关系，调整布局，保存导出等。 另外，用户提供的引用[1]、[2]、[3]都是关于UML类图的基本概念和如何绘制，虽然用户的问题是关于ProcessOn的具体操作，但可能需要简要提到类图的基本元素，比如类、接口、关系等，但根据用户的问题，重点应放在工具的使用上，而不是理论部分。 需要确保回答符合系统级指令，比如使用中文，生成相关问题，正确使用LaTeX格式（虽然这个问题可能用不到数学公式，但如果有变量或示例可能需要）。不过在这个问题中，可能不需要数学表达式，所以重点放在步骤和结构上。 同时，用户要求生成相关问题，我需要根据回答内容提出相关问题，比如如何添加类之间的关系，或者如何导出类图，或者推荐的UML工具比较等。 还需要注意引用标记，比如在提到ProcessOn操作步骤时，引用[4]，或者在提到类图基本概念时引用[1]、[2]、[3]，但根据用户的问题，可能主要引用[4]和相关教程部分。 现在，整理步骤： 1. 登录并创建新文件：用户需要注册登录后，进入ProcessOn，点击新建，选择流程图或其他类型，然后添加UML类图图形库。 2. 添加类图元素：从左侧图形库拖放类或接口到画布，双击编辑类名、属性和方法，格式可能类似“+ 属性: 类型”或“- 方法()”。 3. 设置类之间的关系：使用关联、继承、实现等箭头，可能需要选择不同的线型，比如实线、虚线，箭头类型。 4. 调整布局：使用对齐工具，调整颜色和样式，保持图表整洁。 5. 保存和导出：完成后的保存或导出为图片、PDF等。 此外，可能需要提到ProcessOn的协作功能，比如实时协作，或者模板库的使用，如果有相关引用的话，但根据现有引用，可能不需要。 最后，生成相关问题，比如如何添加类的方法，如何绘制聚合关系，或者导出格式有哪些选项，或者与其他工具的比较。 检查是否所有步骤都清晰，并正确引用了引用[4]，可能在步骤1中提到引用[4]中的操作，比如点击更多图形。同时，确保回答结构清晰，分步骤说明，符合用户可见层的要求。</think>### 如何在 ProcessOn 中创建 UML 类图 以下是分步操作指南，帮助您快速掌握 ProcessOn 中 UML 类图的绘制方法： --- #### **1. 登录并创建新文件** - 访问 [ProcessOn 官网](https://www.processon.com/)，注册或登录账号。 - 点击页面左上角 **「新建」**，选择 **「流程图」** 或 **「空白图表」**。 - 在左侧工具栏底部点击 **「更多图形」**，勾选 **「UML类图」** 图形库，确保相关符号加载到左侧面板[^4]。 --- #### **2. 添加类图元素** - **拖放类/接口**：从左侧图形库中选择 **「类」** 或 **「接口」** 符号，拖拽至画布。 - **编辑属性与方法**： - 双击类图元素，输入名称（如 `User`）。 - 在属性栏按格式填写，例如： ``` + name: String - validatePassword(): boolean ``` - **符号含义**： `+` 表示公有成员，`-` 表示私有成员，`#` 表示保护成员[^3]。 --- #### **3. 设置类之间的关系** - **关联关系**：使用 **「实线箭头」**（如 `User` → `Order` 表示用户拥有订单）。 - **继承关系**：使用 **「空心三角箭头」**（如 `Admin` → `User` 表示子类继承父类）。 - **实现接口**：使用 **「虚线空心三角箭头」**（如 `UserService` → `IService`）。 - **聚合/组合**：使用 **「菱形箭头」**（空心菱形为聚合，实心菱形为组合）[^2][^3]。 --- #### **4. 调整布局与样式** - **对齐工具**：选中多个元素，点击顶部工具栏的 **「对齐」** 按钮，保持排版整洁。 - **修改颜色/线型**：右键点击连接线或图形，调整颜色、粗细或箭头样式。 --- #### **5. 保存与导出** - 点击右上角 **「保存」** 按钮，命名文件。 - 导出为图片或文档：选择 **「导出」** → 支持 PNG、PDF、SVG 等格式。 --- #### **工具优势** - **协作功能**：支持多人实时编辑，适合团队协作[^4]。 - **模板库**：可直接搜索 UML 类图模板，快速复用。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值