編程技巧之流程圖

咱們寫的程序都是有邏輯順序的，便是有流程的，流程圖的做用則是對這種邏輯順序的一種描述，是對解決問題的方法、思路或者算法的圖形化的展現。

   

流程圖採用的符號

 

 

Axure裏的流程圖形狀組件面板

 

 

下面這的內容介紹來自（https://www.douban.com/note/310371289/）

 一、矩形

　　做用：通常用做要執行的處理（process），在程序流程圖中作執行框。

　　在axure中若是是畫頁面框架圖，那麼也能夠指代一個頁面。有時候咱們會把頁面和執行命令放在同一個流程中作說明，這個時候將兩類不一樣的矩形作色彩區別，而後作說明就行了。

　　二、圓角矩形或者扁圓

　　做用：表示程序的開始或者結束，在程序流程圖中用做爲起始框或者結束框。

　　三、斜角矩形

　　 做用：斜角矩形平時幾乎不使用，能夠視狀況自行定義。或者在其餘的流程圖中，有特殊含義，暫不知曉，也但願有識之士指點一二。

　　四、菱形

　　 做用：表示決策或判斷（例如：If...Then...Else）,在程序流程圖中，用做判別框。

　　五、文件

　　 做用：表達爲一個文件，能夠是生成的文件，或者是調用的文件。如何定義，須要本身根據實際狀況作解釋。

　　六、括弧

　　 做用：註釋或者說明，也能夠作條件敘述。通常流程到一個位置，作一段執行說明，或者特殊行爲時，會用到它。

　　七、半圓形

　　 做用：半圓在使用中常做爲流程頁面跳轉、流程跳轉的標記。

　　八、三角形

　　 做用：控制傳遞，通常和線條結合使用，畫數據傳遞。

　　九、梯形

　　 做用：通常用做手動操做。

　　十、橢圓形或圓形

　　 做用：若是畫小圓，通常是用來表示按順序數據的流程。

　　 若是是畫橢圓形，不少人用做流程的結束。若是是在use case用例圖中，橢圓就是一個用例了。

　　十一、六邊形

　　 做用：表示準備之意，大多數人用做流程的起始，相似起始框。

　　十二、平行四邊形

　　 做用：通常表示數據，或肯定的數據處理。或者表示資料輸入（Input）。

　　1三、角色

　　 做用：來自於use case 用例，模擬流程中執行操做的角色是誰。須要注意的時，角色並不是必定是人，有時候是機器自動執行，有時候也但是是模擬一個系統管理。

　　1四、數據

　　 做用：就是指保存咱們網站數據的數據庫。

　　1五、圖片

　　 做用：表示一張圖片，或者置入一個已經畫好的圖片、流程或者一個環境。

 

 

如何繪製流程圖？（https://www.edrawsoft.com/cn/How-to-draw-flowchart.php）

當咱們仍是新手的時候，咱們中的大多數不知道如何繪製流程圖，可是隨着時間和經驗的積累，咱們得到一些新的技能。一個好的流程圖幫助咱們理解系統的流程。若是一個流程圖沒有繪製好，就會誤導系統的設計師或者致使很差的結果。所以，建立流程圖時，細心和技能都很重要。我會建議您使用流程圖方便您理解它的流程。

儘管有許多符號在流程圖中能夠用來表示不一樣的步驟，精確的流程圖只會使用其中幾種符號，好比說過程、決定、開始、延遲、雲等符號。

流程圖的基本元素是一個簡單的行動，能夠是現金付款，是由一個方塊表明的。流程圖就像是一個方塊鏈接着一個方塊，鏈接這些方塊的是箭頭。

 

當必需要作出決定的時候，過程就會變得愈來愈複雜，這個時候必須採起替代行動。在流程圖中「決定」的形狀是菱形，決定的答案只有「是」」或者「不是」兩種，就像在圖形2種展現的那樣。複雜的決定都是由簡單決定結合而成的。

 

 

 

關於決定，過程常常會出錯，要麼是問了錯誤的問題要麼是給了錯的答案。

當方塊不可以用線直接鏈接，分開的線和匹配名字的方塊互相協調。這一般發生在線交叉到下一個頁面的時候。

 

 圖形3. 跨頁的持續流程圖

 

經過使用多個鏈接，這樣繪製大型的流程圖就變得至關簡單了，可是流程圖太大了理解起來就會變得困難。理想的流程圖大小是一頁就夠了，這樣的話，流程圖就給人一種視覺上的「主幹」感受，這樣也很方便使用。

大的過程能夠分解成層級的小的流程圖，做爲分過程方塊。這就像一個高級別的普通行爲方塊，能夠「放縮」成另外一個流程圖，就像圖形4中顯示的那樣。

 圖形4. 分過程

在分析過程是等待方塊的時候，一個額外的行爲方塊很重要，這樣就會突出延遲（也就是不 行爲）。這就是一個典型的點，一個過程的整體花費能夠經過表演或許是在其餘過程減小延遲來提高。