-
2022-01-27 11:22:34
程序流程图是什么?程序流程图是流程图的其中一种分类,又称程序框图,指用特定图形符号加上对应的文字描述表示程序中所需要的各项操作或判断的图示,程序流程图除了说明程序的流程顺序外,着重于说明程序的逻辑性。
一、程序流程图特点
当程序流程中有较多循环语句(内容)需要处理,且结构较为复杂给设计与理解造成困难时,通常会绘制一份符合逻辑的程序流程图表示算法,将程序流程图形化,使程序流程的内容更加直观、清晰、易于理解。当然了,简单的程序流程也可以借助程序流程图来呈现,并非只能绘制复杂的程序流程。
二、程序流程图基本图形
程序流程图与普通流程图的基本图形相似,通常由起止框、处理框、流程线、判断框、输出输入框构成。
起止框:表示程序流程的开始与结束,通常只有一个开始框和一个结束框。
处理框:表示程序流程中需要执行或处理的内容。
流程线:表示程序执行的方向与顺序。
判断框:表示对程序流程中的某一条件进行判断,用来决定执行某一操作。
输出输入框:表示程序流程中资料的输入或结果的输出,一般用做数据处理。三、程序流程图基本结构
不管是程序流程图还是普通流程图通常由顺序、选择和循环三种基本结构组成。
顺序结构:三大结构中最简单的一种,表示流程图直接按照流程线所指顺序依次执行;
选择结构:指定一个条件,根据给定的条件判断内容,并根据判断结果决定流程走向;
循环结构:在特定条件下重复某一操作,用于判断流程是继续执行重复内容还是退出循环,分为当型和直到型两种循环方式。四、程序流程图案例
程序流程图的基本图形和基本结构知晓后就可以开始绘制内容了,例如我们要求X的绝对值。那么它的算法必然分为2种,其一是当X≥0时,那么输出为S;当X≤0时则输出为-S。程序输出完毕后则直接结束流程。
很显然X在程序流程图中属于输出内容;X≥0/X≤0则为判断内容,在流程图则二取其一用以表示即可;S/-S则输出输出内容。
接下来根据给定条件结合基本图形和基本结构即可完成程序流程图的绘制。到这里一份符号逻辑的程序流程图就已经绘制完毕了,当然,流程图所能做的还有很多,有需要的小伙伴可以试着制作哟!
更多相关内容 -
idea 使用 PlantUML 写程序流程图
2018-11-30 14:55:14时序图: 官方地址:http://plantuml.com/ 一,在线执行生成: 如图: 图标的语法使用,请查看下官方文档:http://plantuml.com/sequence-diagram 很友好的使用说明。 二,嫌弃在线生成比较慢的:可以在...官方时序生成方式
时序图:
官方地址:http://plantuml.com/
一,在线执行生成:
如图:
图标的语法使用,请查看下官方文档:http://plantuml.com/sequence-diagram
很友好的使用说明。
二,嫌弃在线生成比较慢的:可以在本地搭建环境,执行生成图片
1,本机java 的jdk环境,(作为一个资深开发者,这个不多说了,非开发者放弃此方法)
2,下载官方生成jar包,地址:http://plantuml.com/download
如图:
3,本地创建文件目录,使用我的生成bat文件,就可以生成图片(java环境的情况下)
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 文件
输入测试文字
@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response
Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response
A -> B:req
B --> A:resp
@enduml
效果如图:
导出文件
其他
如果不想装graphviz,想直接用,可以下载chrome插件PlantUML Viewer,安装之后直接编辑文本,可以在浏览器直接显示。
至此,强大的UML编辑环境搭建完毕,
我们可以通过代码的形式,梳理项目系统间的交互逻辑,能让我们更好的梳理需求,实现逻辑。
thinks
-
Idea 使用 PlantUML 写程序流程图
2018-07-24 10:53:38画流程图有很多种工具,刚开始我使用的是线上的processon,这个工具可以说是非常方便了,可以满足大部分的要求,但是有时候可能需要更漂亮或者精细化的流程图,这时候我想到了PlantUML。 PlantUML是一个快速创建UML...画流程图有很多种工具,刚开始我使用的是线上的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 密码:r98wok,现在我们已经有了Graphviz和PlantUML。
安装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的相关版本信息,则安装配置成功。如图:
配置插件PlantUML
File -> Settings -> Plugins -> Install plugins from disk -> 选择plantUML插件包
确认之后重启Idea,这时候在New里面就可以看到PlantUML
点击确定之后就可以看到第一个UML第一个例子
到这里安装就完成了,至于在其他系统中安装可以参考上面的官网
-
程序流程图规范
2021-01-12 17:58:08程序流程图 流程分析法主要是针对测试场景类型属于流程测试场景的测试项下的测试子项进行设计。 一个复杂的互联网应用,敏捷开发过程,业务系统从启动需求到研发实施,通常没有预留太多时间给测试去详细了解各个业务...程序流程图
流程分析法主要是针对测试场景类型属于流程测试场景的测试项下的测试子项进行设计。
一个复杂的互联网应用,敏捷开发过程,业务系统从启动需求到研发实施,通常没有预留太多时间给测试去详细了解各个业务的具体规则、业务逻辑。产品经理仅提供文档资料,测试没有资料作为凭据,则可以使用流程图来梳理业务流程,并在画图的过程中,和对应开发沟通交流,对关键逻辑判断进行整理,可以很好的适应这种开发测试场景。测试编写流程图,可以保证软件最终的主干流程的正确性。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 条件:循环语句
流程图
- 作用:
-
一文搞懂程序流程图详解
2021-04-14 17:40:12接下来我就从以下6个方面深入剖析程序流程图: 程序流程图的定义 程序流程图的标准符号 程序流程图的基本结构 程序流程图的实例 绘制程序流程图的实用工具 程序流程图的绘制步骤 01 ... -
程序流程图生成器 程序源代码生成/转换成流程图 函数调用关系图
2021-12-23 09:13:03程序流程图生成器 程序源代码生成/转换成流程图 函数调用关系图 1、程序流程图生成器(很容易生成,有使用说明) 2、c,c++,python源代码生成流程图(可自动分析C/C++/Java/Python/C#/Objectiv e-C等项目的源代码并... -
中断服务程序流程图
2020-12-20 04:41:10教学方法、实施步骤时间分配教学手段回顾5”×2板书计算机投影仪多媒体课件等讲授40”×2提问3”×2小结2”×2讲授内容:6.1输入/输出数据的传输控制方式一、输入/输出的一般概念1.引言输入/输出是微机系统与外部... -
if判断流程图怎么画?教你简单制作程序流程图的方法
2021-03-16 19:44:40if流程图其实就是程序流程图的其中一种画法,有时候为了方便理解判断内容,或使其直观地呈现,通常会以流程图的形式表达流程之间的判断关系,那么if判断流程图怎么画呢?接下来就通过迅捷流程图教你简单制作方法。一... -
matlab程序该如何画程序流程图
2021-04-21 17:41:20本帖最后由 wuchen160 于 2019-5-21 22:09 编辑第一次接触matlab程序画流程图 不知道该如何按照这个程序画流程图 尤其是这个程序里用了很多for循环 比较迷茫……求大佬指点%MRC_scheme.m%接收分集-MRCclear,clfL_... -
软件测试作业6:程序流程图
2021-12-07 07:59:551、根据程序流程图,完成: (1) 转换单条件判定结构; (2) 画出相应的程序控制流图; (3) 给出控制流图的邻接矩阵; (4) 计算 McCabe 环形复杂度; (5) 找出程序的一个独立路径集合。 答: (1)、转换单条件判定结构... -
标准程序流程图的符号及使用约定
2019-12-12 10:51:25程序流程图(Progran flowchart)作为一种算法表达工具,早已为工国计算机工作者和广大计算机用户十分熟悉和普通使用.然而它的一个明显缺点在于缺乏统一的规范化符号表示和严格的使用规则.最近,国家标准局批准的国家... -
给程序流程图,写出白盒测试的覆盖测试用例
2020-04-05 00:04:07https://blog.csdn.net/Danny1076376440/article/details/104770308 语句覆盖 测试用例 覆盖路径 输入:X=1,Y=11 输出:X=1,Y=11 P(1-2-5) 输入:X=1,Y=-10 输出:X=1,Y=9 ... 判定N的... -
根据程序画出流程图
2021-05-20 01:46:03其实主程序和时间比较程序老师已经给我了,还少一个中断服务程序由于本人菜鸟求 高人根据下面的程序画下详细的 流程图应该有2个 主程序一个 时间比较程序一个 顺便能给出中断服务程序当然更好。那个也就4,5行的东西... -
数据流图和程序流程图的区别
2019-07-23 16:58:58首先自己写得文档里面得内容要明白是什么意思。有人问我数据流图有几层得时候,就把我问蒙了。 数据流图 简称DFD,它从数据传递和加工角度,以图形方式来表达系统的逻辑功能、 数据在系统内部的逻辑流向和逻辑变换... -
写程序的前提——画流程图
2019-03-10 11:13:16以往我给单片机写代码比较多的就是抄代码,所以并没有怎么用过流程图,这次重新学C语言就是为了全方面提升自己,所以流程图也是必不可少的了。 先来给大家介绍一款画图的工具:亿图 流程图表示 三种基本结构 1 顺序... -
7款流程图制作软件大盘点!轻松绘制流程图
2020-11-27 18:19:30流程图可能是我们使用最广泛的一种图形图表,几乎在各个领域都会用到,诸如系统流程图、产品流程图、数据流程图……借助流程图,我们可以将事物的结构、任务的进程、甚至是算法的思路都有效视觉化。 流程图的广泛... -
如何画程序流程图
2016-01-06 20:48:26下面介绍一下标准程序流程图的符号及使用约定 一,引言 程序流程图(Progran flowchart)作为一种算法表达工具,早已为工国计算机工作者和广大计算机用户十分熟悉和普通使用.然而它的一个明显缺点在于缺乏统一的... -
程序流程图画法复习-三种循环语句(for,while,do while)
2020-12-07 11:56:11程序流程图的作用程序流程图的作用程序流程图的作用 程序流程图是人们对解决问题的方法、思路或算法的一种描述。 流程图的优点: (a)采用简单规范的符号,画法简单; (b)结构清晰,逻辑性强; (c)便于描述... -
Arduino Uno 学习第五课,程序流程图
2020-12-19 22:40:231.学习绘制程序流程图 引入 在日常生活中人们做任何事情都需要遵循一定的程序,既要按照一定的顺序来操作,其中某些顺序是不可改变的,就像我们必须“先穿袜子,后穿鞋”一样,如何尽快形成编写程序的能力呢?从... -
程序流程图,UML各种图总结
2019-05-03 21:36:00对于“程序设计”的工作,很多刚開始学习的人的理解就是“写代码”。相同,新手们苦恼的问题是,他们仅仅会“写代码”。...就像建筑、机械等行业的要画设计图、施工图,程序设计的思路也有必要用图的形... -
一篇文章带你了解程序流程图的重要性
2020-09-18 15:01:52先说结论:程序流程图是重要的。 之所以这么判断,主要基于以下3点事实: 图比代码更清晰 沟通协作更顺畅(这也是题主比较关注的一点) 国内假敏捷开发太多 第一,图比代码更清晰 对于编程初学者来说,很多人都... -
LCD1602程序代码及显示流程图.doc
2021-03-03 15:53:27LCD1602程序代码及显示流程图LCD1602程序代码及显示流程图lcd1602显示程序代码前些天弄了最小系统板后就想着学习1602的显示程序,可惜坛子里的或网上的,都没有简单的1602显示程序,无柰在网上下载了一段经过反复... -
数据流图、业务流程图、E-R图、系统功能结构图、程序流程图
2021-11-30 12:23:53实验一 结构化分析与设计——过程与工具 1、实验目的 ...深入体会数据流图、数据字典、业务流程图、E-R图、系统功能结构图、程序流程图在软件开发中的作用。 (2)利用软件绘制数据流图、业务流程图. -
LCD1602程序代码及显示流程图
2021-03-13 06:11:48描述lcd1602显示程序代码前些天弄了最小系统板后就想着学习1602的显示程序,可惜坛子里的或网上的,都没有简单的1602显示程序,无柰在网上下载了一段经过反复修改测试,终于有了下面一段代码:// - - - - - - - - - ... -
if语句流程图
2021-06-26 03:36:44使用if语句实现单分支、两分支和使用switch语句实现多分支的程序程序1、if 语句有下面三种情况。第一种,条件成立就做。不成立就不做。if (条件)程序endif第二种,条件成立做“程序一”,不成立做“程序二”。不管... -
程序流程图
2012-04-04 22:34:50下面介绍一下标准程序流程图的符号及使用约定 一,引言 程序流程图(Progran flowchart)作为一种算法表达工具,早已为工国计算机工作者和广大计算机用户十分熟悉和普通使用.然而它的一个明显缺点在于缺乏统一的规范化... -
流水灯流程图(单片机流水灯流程图)
2021-05-19 19:27:04是不是你自己写的代码哦追问:我才学了一点点,勉勉强强写出了一个代码但实在是写不出流程图了高人帮忙啊回答:代码我看看要根据代码流程:1.点亮1个灯;2.延时100毫秒3.灭第一个灯,点亮第二个灯;4延时100毫秒;依次类推,... -
E-R图、N-S图、PAD图、程序流程图
2020-03-07 17:40:22E-R图: E-R图也称实体-联系图(Entity Relationship Diagram),提供了表示实体类型、属性和联系的方法,用来描述现实世界的概念模型。 矩形框:表示实体,在框中记入实体名。 菱形框:表示联系,在框中记入联系名。 ... -
如何绘制程序流程图
2017-12-11 14:24:02记得在写文档的时候用到了程序流程图,一说到流程也没多想就认为它应该是描述先干什么再做什么的一幅图。接着上网搜了一下才发现程序流程图也是很讲究的,有自己的规矩,下面就来介绍一下画程序流程图之前之前应该...