要在processon中准确表达对象生命周期内受事件驱动的状态变迁逻辑,必须让每个状态节点具备可识别的语义、每条转移线明确标注触发事件与可选条件,否则生成的状态图无法支撑开发自检或需求对齐。

新建适配状态图的画布
登录ProcessOn后,点击首页左上角“新建”按钮→在弹出菜单中选择“流程图”分类→向下滚动至模板区,【必须选择“UML状态图”或“BPMN状态机”模板,而非通用流程图】。通用流程图模板不带状态专用符号和语义校验,后续无法自动识别entry/do/exit动作字段。
加载成功后,右侧工具栏应出现“UML状态”面板,含实心圆(初始状态)、圆角矩形(状态)、双圆环(终止状态)等图标;若未出现,请手动启用UML图形库:点击左上角【更多图形】→展开【UML】→勾选【UML状态图】→点击【确定】。
添加并配置核心状态节点
方法一:拖拽标准状态形状
从右侧“UML状态”面板拖入一个圆角矩形至画布中央→双击编辑文字,输入状态名,如“已登录”。
注意:状态名需为名词性短语,避免动词开头(如“点击登录”是错误写法)。
方法二:快速插入带动作的状态框
拖入圆角矩形后,右键该形状→选择“设置属性”→在弹出面板中勾选“显示entry/do/exit区域”→此时状态框自动分为三行:顶部为状态名,中间为do活动(如“刷新用户会话”),底部为exit动作(如“清除临时令牌”)。
【entry/do/exit三者不可同时为空,否则该状态失去UML语义】
添加初始与终止状态:拖入实心圆(初始状态)置于左侧→拖入双圆环(终止状态)置于右侧→用正交连线将其与主状态链连接。
绘制状态转移并标注事件与条件
第一步:建立基础转移路径
将鼠标悬停在“已登录”状态右侧边缘,光标变为十字箭头时,按住左键拖向“被冻结”状态左侧边缘,松开即生成带箭头的正交连接线。
ProcessOn (Windows) 5.14.18版本支持流程图、UML、架构图及思维导图绘制。本次更新重点优化性能与稳定性,提升大文件编辑流畅度与启动速度,新增AI智能生成图表功能,可根据文本描述快速生成流程图与思维导图,并优化多人实时协作与云端同步体验,适用于产品设计、技术架构与团队协作场景。
第二步:双击连接线,输入完整标注格式
格式为:事件[警戒条件]/动作,例如:用户连续输错密码3次[失败计数≥3]/发送冻结通知。
其中“事件”为必填项,“[警戒条件]”用方括号包裹且为可选,“/动作”也属可选;若只写事件名(如“超时”),则表示无条件触发。
第三步:启用BPMN校验防止非法转移
右键任意一条转移线→选择“启用BPMN语义检查”→系统将实时标红跨状态直连(如从“未认证”直接连到“已注销”而跳过中间态)或重复事件标签(如两条线都标“提交”却无区分条件)。
这一步操作起来很简单,直接把文本填进连接线就行,但填错格式会导致开发误读——比如漏掉方括号,系统会把“失败计数≥3”当成事件名而非条件。
导出与协作验证
点击右上角“分享”按钮→开启“允许协作者编辑”→复制链接发送给开发同事。
对方打开后可直接在状态框内添加注释,或在转移线上新增评论指出:“此处应补充‘管理员手动解冻’事件分支”。
所有修改实时同步,无需下载再传文件。
导出为PNG前,先点击画布右下角“页面设置”→关闭“显示网格”,避免截图带干扰线。










