流程图、泳道图的介绍和示例分享,以及自定义元件库的介绍

目录

[一. 流程图介绍](#一. 流程图介绍)

[二. Processon使用](#二. Processon使用)

新建一个流程图

图形的使用

[三. 流程图示例](#三. 流程图示例)

登录界面

门诊业务流程图

住院业务流程图

药房业务流程图

会议OA流程图

[四. 泳道图介绍](#四. 泳道图介绍)

[五. 自定义元件库](#五. 自定义元件库)

[5.1 新建一个元件库](#5.1 新建一个元件库)

[5.2 创建元件](#5.2 创建元件)

[5.3 使用自定义元件库](#5.3 使用自定义元件库)


一. 流程图介绍

**流程图是一种图形表示方法,使用特定的图形符号和文字说明来表示具体流程和算法思路。**它主要由不同形状和符号的框以及指向这些框的箭头组成,每个形状或符号都有特定的含义,代表了工作流程中的一种特定类型的步骤或动作。

流程图具有以下特点:

  1. 清晰地展示一个过程的步骤和结构,以及步骤之间的逻辑关系。
  2. 帮助我们理解复杂的过程,使其变得直观和易于掌握。
  3. 作为诊断工具,可以辅助决策制定,帮助管理者确定问题可能出在什么地方,并确定可供执行的方案。
  4. 在多个领域,如产品设计、软件开发、工艺生产等都有广泛的应用。

流程图常用于表示完成一项任务的流程或具体方法,如生产线上的工艺流程或组织决策制定程序。流程图中的箭头代表了流程中的流动方向,而图形块则表示了流程的各个阶段。

流程图工具有:Processon、 Visio、亿图

下面以Processon为例,分享几个流程图示例

二. Processon使用

新建一个流程图

图形的使用

三. 流程图示例

登录界面

门诊业务流程图

住院业务流程图

药房业务流程图

会议OA流程图

四. 泳道图介绍

泳道图也称为跨职能流程图或UML活动图,是一种图表类型,其主要目的是清晰地表示流程环节发生在某个职能群体,从而区分出事件主体并反映各职能群体之间的关系。

泳道图的主要特点包括:

  • 使用"泳道"框架来表示流程内容。
  • 通过"泳道"特点来清晰且直观地体现出流程环节发生在某职能群体。
  • 在纵向上表示部门职能,而在横向上则可以表示岗位或其它特定的职责单位。

绘图元素与传统流程图类似,但在业务流程主体上,通过泳道(纵向条)区分出执行主体,即部门和岗位。

这种图表类型常用于描述涉及多个部门或多个功能区域的复杂业务流程,帮助更好地跟踪和理解任务的流转过程。

在上面的流程图中,其实就是用到了泳道图为基底

五. 自定义元件库

5.1 新建一个元件库

5.2 创建元件

这里就跟画原型图一个,想要什么样的元件就自己搭建

下面我搭建了一个弹出框

保存之后会生成一个.rplib文件

5.3 使用自定义元件库

新建一个文件,在元件处有一个"+"号,点击就可以将元件库导入进去使用

相关推荐
腻害兔1 天前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:字典、短信、邮件、通知——后台系统的“基础设施四件套“!
java·前端·vue.js·产品经理·ai编程
腻害兔1 天前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:支付模块 yudao-module-pay,一个让产品经理都看懂的支付中台设计
java·前端·vue.js·产品经理·ai编程
招风的黑耳3 天前
高标准农田信息化管理系统实战应用大纲
智慧农业·axure·农田管理·高标准农田
腻害兔3 天前
【若依项目-产品经理视角】深度拆解 RuoYi-Vue-Pro 认证与权限:RBAC + 数据权限,这套“门禁系统“到底怎么设计的?
java·vue.js·人工智能·产品经理·ai编程
Ai拆代码的曹操3 天前
生产排障第一步:架构图、业务图、流程图画法详解
架构·流程图
领麦微红外4 天前
FW-D1 vs 迈来芯MLX90614:参数全面对比
人工智能·产品经理
怕浪猫4 天前
不过是做了几年产品经理罢了,我高估了自己
产品经理·产品·资讯
腻害兔4 天前
【若依项目-产品经理视角】深度拆解 RuoYi-Vue-Pro 框架层:15 个 Starter 到底在干什么?
前端·vue.js·产品经理·ai编程
sunneo4 天前
S18.4AI产品留存与召回——让用户走了还回来(系列收官)
人工智能·产品运营·产品经理·用户运营·用户体验
少时登峰5 天前
【养老照护微项目管理实务连载】2.7 服务关系终止与结案
项目管理·产品经理·pmp·养老·智慧养老