FlowChart流程图教程 [课程编码4368]

修改字体大小 16px

10px 25px

FlowChart流程图教程hvpxmjigtcehauipnc
一、流程图简介mhveehwqpeyxqbki

流程图，英文名为 FlowChart，即**流程（Flow）+图表（Chart）**。根据维基百科定义，流程图主要分为以下四种基本类型：_{gwuzqsgsbmolpumcovhphdhcchpcwhjtwzfoycpmi}

tsxvnduxxsvhejrlzxgfzhtrdhrquxxytpswtkoiy

1、文档流程图（Document flowcharts）

wzozwcvkmcvofhmypgppljbthvujpgwjfmylrjdgzpcnzud

hvpxmjigtcehauipnc

文档流程图通常用于跟踪文件的移动，比如内部备忘录，工资单信息和一个系统内的局部邮件。_{qljpifgazvlxcdovhekapz}

zajgrhgpylkghzfojtlhfdodeyoiccpnypekcnoaqyqjtnfgz

2、数据流程图（Data flowcharts）xqjfavzkvwubcruyfbzzxxinsnwsu

lnpsucxzrumycsadjwgva

数据流程图是分析和构建信息流程的重要建模技术。imsofekhgpldqzsiluqkxjelgqgmlhgxylfp

kuddgiyoolbileeshuxqfhrakhmvrdssofm

yzbdyoeliejnifdxkvtw

3、系统流程图（System flowcharts）

gmryykvssdmbvkvfwjeqbbqsfxvdykwcnowdbwwyhzijgrmyjl

uspcwvfsvxxyskdbauqohwig_{youohldkoqjndcrwlbzhqyxmgonyxzywhqxzoefqzwc}

系统流程图也被称为处理流程图。系统流程图有助于了解复杂的系统是如何工作的。分析系统可能是任何事物，比如商业，生物种群模型和社会政策等。

ixqdstimahudidhjfnkohneptklqpnwp

xmsjczrqxemtiseeyihkiirvppugzwaayxnsylnvyhgldfqxhy

4、程序流程图（Program flowchart）_gunrlhnycx

mhveehwqpeyxqbki

程序流程图是一个算法的图形表示，常用于编程的设计阶段，制定出一个程序的逻辑流程。它展示了一个系统中的程序是如何工作的。_gunrlhnycx

rromziknxcyqdqfbvbgios
二、流程图组件元素介绍vrujzvbsvbcpyolheeymeywygsvksxdtgvorb

FlowChart流程图教程

xeixigpanjmnwfjstsugkszyku

wszkuebciorpzulglmsxfosowk

1、开始/结束_{uihmhstfwqnhszbrbb}

hiirhgjtvtndcjheuaqefdwwdndeurwkkckqkbjiytz

作用：表示程序的开始或结束，在流程图中用作起始框或结束框。pkevylzosciemdtcumecuqbdpjvujnkwbtouegswgk

注意：并不是需要“开始”或“结束”这样的字眼才算是开始或结束，比如：注册和提交也能算是程序的开始和结束。_{umdvcgklwadgpbdxrrgtbdwohqgnevorllloncivedv}

nqihlydeboxffodhmicgj

2、过程ulkljjljribgrzbkhpu

wszkuebciorpzulglmsxfosowk

作用：一般用作要执行的处理或过程，在流程图中用作执行框。vibcqwfivuxakyoxnfejlxxvcozlyhxfgtzqeh

vrujzvbsvbcpyolheeymeywygsvksxdtgvorb

3、判断

ixqdstimahudidhjfnkohneptklqpnwp

vraavqdtbzgnwynoykimyojamvanmvxwtfqltd

作用：表示决策或判断（例如：If...Then...Else...），在流程图中用作判断框。

csiprmjcziquhehgleswztqahtbaocjncsftuvwdsuisuzc

mhveehwqpeyxqbki

4、文档pkevylzosciemdtcumecuqbdpjvujnkwbtouegswgk

tsxvnduxxsvhejrlzxgfzhtrdhrquxxytpswtkoiy

作用：表达为一个文件，可以是生成的文件，或者是调用的文件。如何定义，需要根据实际情况进行解释。bggfzgrwwtweeqmdaywzwfuvzvhiebephjxdh

ccfsujojvlyaglwlw

5、数据输入/输出qausdlvjibtfvwfpmeey

tordvubxkjcjkjayylkcsyucjkwafhpp

作用：代表数据的输入/输出系统，包括接收数据和显示已处理的数据。数据只能先输入后输出，反过来是不可以的。

rtlablalwexlruavbfinjszevthfgrbi

hiirhgjtvtndcjheuaqefdwwdndeurwkkckqkbjiytz

6、子流程

ixqdstimahudidhjfnkohneptklqpnwp

wszkuebciorpzulglmsxfosowk

作用：这个部件出现在比较复杂的流程图里，该节点是复杂流程图里的一个小流程。当然，它代表的也是一个单独流程，如提交订单流程。jwucjrnsyxepfiyyslckeuk

wszkuebciorpzulglmsxfosowk

7、外部数据

ijdlworxgykltsjleuedidbbkkqtufowaghtxcnbcpitlulvsxcwipbfwheqzhxpivtbbgtpshsyshfqtxsppss

tordvubxkjcjkjayylkcsyucjkwafhpp

作用：该部件表示数据来自外部，换句话说，数据是从外部引入的，比如引入微信的数据。nnkzstexghpqnnxqnllpqnbwzcnefdylijrtotkoaanhkqq

jzsxlxbqeiigxmr

ftkksxifsdrdzrorubapgtuqdy

8、内部存储

epvxtbznvrpjwwiuo

klqtysrfwqqpvgxcotbpqwxbgtxqbwisc

nqihlydeboxffodhmicgj

作用：该部件是指数据提交之后，需要写入数据库。_{uihmhstfwqnhszbrbb}

ywjlxduwojkewscwzafibddhgpiulnfvizyupqzktpvmg

9、队列数据lwpgqtohrg

xmsjczrqxemtiseeyihkiirvppugzwaayxnsylnvyhgldfqxhy

作用：表示数据处理的一种方式，先进先出，类似排队买饭，站在队伍前边的人先买到饭，先离开队伍。至于处理后的数据要不要写入数据库，要具体情况具体分析。wwgohanvibqjxmouabimkcktrekppyttaxzonnf

zhfblqkfmwp

10、数据库vibcqwfivuxakyoxnfejlxxvcozlyhxfgtzqeh

inyvkpcdzkbxzmtmwghvblkakoewvkwbjhygiqkerpf

作用：该部件表示从数据库中获取数据信息。

ixqdstimahudidhjfnkohneptklqpnwp

djodthcezrotniixwckzckafjxuwsinpjngiugqod

11、人工输入qausdlvjibtfvwfpmeey

khmoymxnxsotuiwwizhwqaxidnilumasujbbenc

作用：表示用户通过计算机键盘手动输入的数据。

gmryykvssdmbvkvfwjeqbbqsfxvdykwcnowdbwwyhzijgrmyjl

xfeolrhiyqlutggyyrywuyfqsbghoznqcsmalkmg

12 卡片_{umdvcgklwadgpbdxrrgtbdwohqgnevorllloncivedv}

_{failiqjojdvccprrjm}

作用：一般用于系统流程图中。

gictkmbfdndafnxnaljdmzrjc

sereeotmtmk

13、条带xktecehbiburkzyn

_{failiqjojdvccprrjm}

作用：一般用于系统流程图中。syiisxgfnotomyaztfscskgvzstpfun

sggfrxmfhxg

14、展示xktecehbiburkzyn

gomlyzgotne

作用：在网站或者设备上展示的信息，比如首页轮播图、商品详情页等。

ttxcsrnbsicgvszxajiuewqloocyxscy

larznaihtpvrwvxmwdybbbfspwdpsawkagdqzbgcrlnadfgmd

15、人工操作syiisxgfnotomyaztfscskgvzstpfun

vpiowfeedvkjwpeyqsxxowdoiudtwwbmhvdcqfvneerq

作用：表示需要用户手动操作调整的内容，比如修改、搜索、删除、提交等。syiisxgfnotomyaztfscskgvzstpfun

rmcaqjmtooj

16、预备uiakoarkrwfcpbrzyeqclv

bouyjyuhtaoqimamsufdxkwk

作用：进入流程前的准备状态，一般用在起始框之前，也有人将这个用作起始框。_{uihmhstfwqnhszbrbb}

vraavqdtbzgnwynoykimyojamvanmvxwtfqltd

17、并行模式

osjlprbovgskfzkgwjefyqhdaxcrwhm

xmsjczrqxemtiseeyihkiirvppugzwaayxnsylnvyhgldfqxhy

作用：一般用于程序流程图中，表示两个流程或一个流程的两部分或几部分是同时进行的。在并行模式的框内可以添加其它的部件。lwpgqtohrg

larznaihtpvrwvxmwdybbbfspwdpsawkagdqzbgcrlnadfgmd

18、循环限值lwpgqtohrg

xmsjczrqxemtiseeyihkiirvppugzwaayxnsylnvyhgldfqxhy

作用：循环限值是指循环开始或结束的条件。有的地方是以去掉的角的位置来要区分循环开始和循环的结束。去掉矩形上面的两个角的是循环的上界限，代表循环的开始；去掉矩形下面两个角的是循环的下界限，代表循环的结束。

epvxtbznvrpjwwiuobbtmnjyvfzucqedkoqzegrptqtkxvkxemw

pctfayuwbvnnooczkhrzifvgalespvghzzigavebyhjuu

iwommfocwsjsyikbdatlkszdnbbkphtrlik

19、页面内引用

jaavdxythcnhjmqdxaketjultnbhuyqyvqsetvhimnzrluse

rivufdszedskaagfpacnamlyeyklxjpyle

jzsxlxbqeiigxmrpitlulvsxcwipbfwheqzhxpivtbbgtpshsyshfqtxsppss

作用：相当于一个页面内的跳转，从而使流程或者流程中的一部分形成一个闭环。

ijdlworxgykltsjleuedidbbkkqtufowaghtxcnbc_txecqjyfyu

xmsjczrqxemtiseeyihkiirvppugzwaayxnsylnvyhgldfqxhy

20、跨页引用

xhjzluitfrlollamghsfpzclctxwyibqlgxlspwvnipdu

ihdugqgaeeievyzckuynykydss

作用：相当于一个跨页的连接器，实现跨页的引用和跳转。

jaavdxythcnhjmqdxaketjultnbhuyqyvqsetvhimnzrluse

klqtysrfwqqpvgxcotbpqwxbgtxqbwisc

vpiowfeedvkjwpeyqsxxowdoiudtwwbmhvdcqfvneerq

21、注释

hwmfrdjklsefrdfbfyfkglhudqgiamimzsftahrgedqjmq

inyvkpcdzkbxzmtmwghvblkakoewvkwbjhygiqkerpf

作用：表示流程图的解释和说明，本身不会影响流程的进行。不同软件，针对流程图的注释形状有所差异，有的软件用虚线代表注释。whtynsycsuvkasiunhjroextuuyyixwtbabf

xmsjczrqxemtiseeyihkiirvppugzwaayxnsylnvyhgldfqxhy

22、连接线uiakoarkrwfcpbrzyeqclv

xmsjczrqxemtiseeyihkiirvppugzwaayxnsylnvyhgldfqxhy

作用：连接线一定是从一个部件开始到另一个部件结束，它表示了信息的流向。连接线可以是实现，也可以是虚线。虚线的含义需要具体情况具体分析。fnxaryzpybussumfbtwfoak

tordvubxkjcjkjayylkcsyucjkwafhpp
三、程序流程图样例bouyjyuhtaoqimamsufdxkwk

1、绘制一个流程图找出前50个自然数的总和。_{leczxblkfxvqyv}

gvklwvyqspxbcjhtcycaditahutxppdlowbalgcuhggextkb

FlowChart流程图教程

qexlnyvrcwqgjyv

ujovheosbyqmhigptgg

2、绘制一个流程图找出 A、 B、 C 三个数中大的一个数。rqoaesvygtbkjmwaispngcjbhczozjjeobxlyoviuvab

xfeolrhiyqlutggyyrywuyfqsbghoznqcsmalkmg

FlowChart流程图教程pitlulvsxcwipbfwheqzhxpivtbbgtpshsyshfqtxsppss

zhfblqkfmwp

3、绘制一个流程图用于计算 N的阶乘。_{gwuzqsgsbmolpumcovhphdhcchpcwhjtwzfoycpmi}

_{ketndfudyvtjrmzlktrjftqxfnuoytrfdc}

FlowChart流程图教程

klqtysrfwqqpvgxcotbpqwxbgtxqbwisc

vraavqdtbzgnwynoykimyojamvanmvxwtfqltd
四、系统工作流程图样例

kuddgiyoolbileeshuxqfhrakhmvrdssofmspdouozpsmeo

一个游戏机制造商的产品装配分队正寻找组建产品更高效的方法。于是他们就把整个装配过程分成一系列的流程图，这个流程图显示了半成品组装和后成品的形成。改进前和改进后过程流程图显示如下：_{uihmhstfwqnhszbrbb}

bawiwakgierzvusqkphlbecftxsipslgmlfqihdgycy

FlowChart流程图教程

qexlnyvrcwqgjyv

eyrfyaahxhvypb
vlfxpnbfsk
转自：https://zhuanlan.zhihu.com/p/538103486vibcqwfivuxakyoxnfejlxxvcozlyhxfgtzqeh

_{gwuzqsgsbmolpumcovhphdhcchpcwhjtwzfoycpmi}

bxokhvgqsrgaqpkmxtadogsgajslgoxvlejcielorgspdekwpfcqnhrbcelfwdp

rmcaqjmtooj

klqtysrfwqqpvgxcotbpqwxbgtxqbwisc

sllwapaxfjvvtboc