官方时序生成方式

时序图：

官方地址：http://plantuml.com/

一，在线执行生成：

如图：

图标的语法使用，请查看下官方文档：http://plantuml.com/sequence-diagram

    很友好的使用说明。

二，嫌弃在线生成比较慢的：可以在本地搭建环境，执行生成图片

    1，本机java 的jdk环境，（作为一个资深开发者，这个不多说了，非开发者放弃此方法）

    2，下载官方生成jar包，地址：http://plantuml.com/download

         如图：

     3，本地创建文件目录，使用我的生成bat文件，就可以生成图片（java环境的情况下）

           jar包：plantuml.1.2018.1.jar

           bat文件：start-plantuml.bat

           uml文件样例：geinihua.seq（备：后缀是可以自定义）

    把以上三文件放到同一个文件夹目录下，然后双击执行bat文件，就可以生成图片了

    以上是的方式是在已经有seq文件的情况下，我们来生成图片，然而我们的.seq文件就是我们的UML逻辑，需要进行代码编辑，我是使用的（SublimeText）来编辑的

三，还有一个生成工具（Pat推荐）：https://www.planttext.com/ ，除了支持PlantUML还支持其他的工具。

如图：

    下面我来推荐一个更加直观的编辑和生成方式，

     Come with me

idea安装 PlantUML插件

idea直接安装：File -> Settings -> Plugins 搜索 PlantUML ，找到 PlantUML integration 并安装

通过安装包引入

    下载插件包安装：地址http://plugins.jetbrains.com/plugin/7017-plantuml-integration

     我已经下载好，可以使用：plantuml4idea.zip

    ctrl+ alt + s 打开setting，搜索plugins,

电脑安装graphviz

下载地址：graphviz download

idea 配置graphviz

File -> Settings -> Other Settings -> PlantUML 

如图：

使用plantUML画流程图

新建uml 文件 

输入测试文字

效果如图：

导出文件

其他

如果不想装graphviz，想直接用，可以下载chrome插件PlantUML Viewer，安装之后直接编辑文本，可以在浏览器直接显示。

至此，强大的UML编辑环境搭建完毕，

我们可以通过代码的形式，梳理项目系统间的交互逻辑，能让我们更好的梳理需求，实现逻辑。

thinks

画流程图有很多种工具，刚开始我使用的是线上的processon，这个工具可以说是非常方便了，可以满足大部分的要求，但是有时候可能需要更漂亮或者精细化的流程图，这时候我想到了PlantUML。

PlantUML是一个快速创建UML图形的组件，我们都是在Eclipse、NetBenas、Intellijidea、 Emacs、Word、Sublime等软件里来使用PlantUML，用它可以快速地画出：

• 时序图
• 用例图
• 类图
• 活动图
• 组件图
• 状态图
• 对象图

具体的使用方法我们可以参考官网，这里我们就不再赘述，当然也可以查看其他朋友整理的信息。
今天我们就来说下如何在windows下安装PlantUML，我们使用的是在Idea上安装插件的方式。

Idea 使用 PlantUML

我们这里默认你已经安装好了Idea，没有安装的可自行安装。

首先我们需要下载PlantUML插件和Graphviz（用于解析脚本绘制图形，否则即使安装好了PlantUML也会一直报错），当然可以在官网下载，但是这个好像有点，不，应该说是非常慢，所以我这边下载好了放在网盘里可以直接下载下来。
链接：https://pan.baidu.com/s/1ul_XOGP8mmMVFtmZJNDLKg 密码：r98w

ok，现在我们已经有了Graphviz和PlantUML。

1. 安装Graphviz
   解压graphviz-2.38.zip，将它放在你常放置安装软件的位置，配置环境变量Path，比如我放在D:\Program Files\graphviz-2.38下面，配置Path: D:\Program Files\graphviz-2.38\release\bin

   进入windows命令行界面，输入dot -version，然后按回车，如果显示graphviz的相关版本信息，则安装配置成功。如图：
   

2. 配置插件PlantUML
   File -> Settings -> Plugins -> Install plugins from disk -> 选择plantUML插件包
   
   确认之后重启Idea，这时候在New里面就可以看到PlantUML
   
   点击确定之后就可以看到第一个UML第一个例子
   
   到这里安装就完成了，至于在其他系统中安装可以参考上面的官网

程序流程图

流程分析法主要是针对测试场景类型属于流程测试场景的测试项下的测试子项进行设计。
一个复杂的互联网应用，敏捷开发过程，业务系统从启动需求到研发实施，通常没有预留太多时间给测试去详细了解各个业务的具体规则、业务逻辑。产品经理仅提供文档资料，测试没有资料作为凭据，则可以使用流程图来梳理业务流程，并在画图的过程中，和对应开发沟通交流，对关键逻辑判断进行整理，可以很好的适应这种开发测试场景。测试编写流程图，可以保证软件最终的主干流程的正确性。

1.程序流程图简述及使用规范

• 作用：
  程序流程图是人们对解决问题的方法、思路或算法的一种描述。
• 优点：
  采用简单规范的符号，画法简单；
  结构清晰，逻辑性强；
  便于描述，容易理解。
• 规范：
  1）流程图形状统一。流程图是由点和线组成的面。要画出规范的路程图，最基本的就是流程图的形状要统一。
  2）横向矩阵带是代表职能带，以纵向虚线分隔代表流程的操作阶段。
  3）流程图的命名要使用主谓结构，如“设备购买流程”。
  4）操作描述用动宾结构，语言要简洁清晰，如“编制招聘计划”。
  5）每个流程都从开始符开始，以结束符结束。流程中只能有一个开始，可以有多个结束。
  6）流程图的形状大小一致，统一字号。
  7）从形状的左端或上端流入，从右端或下端流出。
  8）判断框和选择框上下端连接“yes”线，左右端“no”流入流出。
  9）流程图从左到右、从上至下排列。
  10）连接线不要交叉。
  11）输出表单一式多份，要使用流程TQC因素来说明具体有几份表单。
  12）写清楚流程说明的四个组成部分。这四个部分是流程的目的、适用范围、职责分工以及关键节点说明。

2.流程图常用软件

1、visio

Visio是微软推出的一款流程图绘制工具，它有很多组件库，可以方便快捷的完成流程图、泳道图、结构图的绘制，但是不支持mac电脑（苦恼），其实我一直觉得它挺好用的，虽然画出来可能没有mac上用Omnigraffle画出来的美。

2、Omnigraffle（Mac）

Mac下没有Visio很多人就用这个，这个一般流程图都能绘制，但是效率感觉没有Visio高，优点就是画出来的图形比较美，同时支持外部插件，缺点就是没有比较好的泳道流程图插件，画起泳道图来不是你太方便，需要下载的画可以去马云家买一个，省时省力，还可更新。

3、ProcessOn

是一款网页版的在线作图工具，优点是无需下载安装、破解这些破事，同时支持在线协作，可以多人同时对一个文件协作编辑，而且上手比较容易，它提供很多流程图模版，可以方便的画出流程图、思维导图、原型图、UML图，缺点就是在绘制泳道图需要增加泳道的时候，只能在最后一列加入，不能在中间加入这一点有点麻烦，还有要吐槽的就是由于是在线的，有时候导出图片，导出来的并不太好，流程图画的大的时候也无法截图。

4、Axure

axure画原型挺好用的，画人物流程图的时候也可以用，但是要画泳道图、UML图的时候，没有对应的模版，需要自己画，效率不高，如果你觉得画原型，制作文档都在Axure里，不想来回切换软件的画，可以在里面自己制作一个组件，下次直接调用。

3.流程图元素定义

流程图是用图的形式将一个过程的步骤表示出来。使用图形表示算法的思路是一种极好的方法，因为一张图胜过千言万语。流程图由包含具有确定含义的符号、简单的说明性文字和各种连线。
常用的绘制流程图形态和程序的规则：

• 开始用六角菱型或圆角矩形或椭圆；
• 矩形方框表示具体活动过程；
• 菱形框表示决策、审核、判断；
• 椭圆表示结束终止；
• 平行四边形表示输入输出；
• 箭头代表工作流方向。

另外还规定，流程线是从下往上或从右向左时，必须带箭头；除此以外，都可以不画箭头；

流程线的走向默认都是从上向下或从左向右。符号内的说明文字尽可能简明，通常按从左向右和从上向下方式书写，并与流向无关。

如果说明文字较多，符号内写不完，可使用注解符。若注解符干扰或影响到图形的流程，应在另外一页正文上注明引用符号。

流程图采用的常用符号

4.流程图法设计测试用例步骤

第一步：详细了解需求；
第二步：根据需求说明或界面原型，找出业务流程的各个页面以及各页面之间的流转关系；
第三步：画出业务流程；
第四步：写用例，覆盖所有的路径分支。

5.循环流程图的画法

1.for循环

在python中的for循环形式：

for 表达式1 ：表达式2

流程图

2.while循环

python中的while循环

while 条件：循环语句

流程图