开发app流程图

大家好，今天小编关注到一个比较有意思的话题，就是关于开发app流程图的问题，于是小编就整理了2个相关介绍开发app流程图的解答，让我们一起看看吧。

软件的系统流程图如何在电脑中创建？需要注意哪些问题？
用什么软件画流程图好？

软件的系统流程图如何在电脑中创建？需要注意哪些问题？

先说如何创建：

现在可用的工具很多，个人最常使用的是visio，微软开发的非常强大的专门用于绘制流程的软件，如果您的系统流程与实体生产系统相关的也能够从visio中获得素材；

或者有时候用Axure：本身是用来画系统原型的工具，但是基于非常灵活的素材和版面的调整，利用axure本身自带的链接素材操作也可以轻松实现流程绘画需求，但问题也在于非常灵活调整，导致有时候调整一个元素时候无法像visio一样自动调整。

在线的推荐使用Process on,都可以实现，能够实现脑图、流程图等图标的生成。

主要聊聊注意事项：

需要先了解整个软件的主流程、分支流程、在哪个节点产生分支；
是否会出现条件判断、上下是否产生子流程、流程进行过程中（是否方便讲不重要的子流程省略或者另外附上子流程图）；
是否产生业务节点或者场景节点的切换（如果有必要需要在流程图中标明）
是否有备注；
流程需要注意开始于结束；
视觉上精简，布局规整，不要放置过多的视觉元素而影响观看者对流程的注意力；
最后检查：自己从流程开始一直审阅到流程结束。检查流程是否出现逻辑问题或者节点确实等问题；

用什么软件画流程图好？

推荐使用markdown“写”软件流程图。Markdown是一个轻量级的标记语言，使用普通文本编辑器就能快速编写，不仅显示格式丰富，功能也毫不含糊。

一，语法

1，定义流程：流程id=>类型: 显示内容

start=>start: 开始
io=>inputoutput: 输入输出
op=>operation: 操作
cond=>condition: 条件
sub=>subroutine: 子流程
end=>end: 结束

2，连接流程：将流程id使用->连接，支持级联或者分行两种写法

级联：

start->io->op->cond

分行：

start->io
io->op
op->cond

条件连接：添加(yes)或者(no)分支

cond(no)->sub
cond(yes)->end

3，连接方向

支持4个方向，上下左右，跟在连接线开始的元素后面，(top), (bottom), (left), (right)，默认(bottom)

op(right)->sub

条件连接有两种方向，只需指定yes或no：(yes, right), (yes, bottom)，或者(no, right), (no, bottom)，默认(yes, bottom)

cond(yes, right)

开发app流程图

二，实例：Web服务缓存系统更新流程图

1，Markdown文本

```flow
start=>start: 接收到消息
info=>operation: 读取信息
setCache=>operation: 更新缓存
end=>end: 处理结束
start->info->setCache->end
```

2，显示效果

开发app流程图

三，实例：Web服务API请求时读取缓存流程图

1，Markdown文本

```flow
start=>start: API请求
cache=>operation: 读取Redis缓存
cached=>condition: 是否有缓存？
sendMq=>operation: 发送MQ，后台服务更新缓存
info=>operation: 读取信息
setCache=>operation: 保存缓存
end=>end: 返回信息
start->cache->cached
cached(yes)->sendMq
cached(no)->info
info->setCache
setCache->end
sendMq->end
```

2，显示效果

开发app流程图