在做項目之前，一定要畫流程圖，一個好的流程圖，可以幫你在設計代碼的時候少走彎路，對於畫流程圖，我想對於每一個程序員，是必備的技能吧，對於初次做項目的我而言，深刻的認識到了畫流程圖是如此的重要，我是用yed繪製流程圖，我將分享一下yed流程圖的使用。
yed工具是操作極其符合直覺（有基礎的鼠標和鍵盤操作經驗者），充分利用了鼠標的左鍵，右鍵，滾輪和常見鍵盤快捷鍵，讓繪圖的過程儘可能少去點一些工具欄按鈕，少一些編輯/選取模式的切換。
1 yed工具的安裝
https://www.yworks.com/downloads#yEd
它可以支持的版本：Windows/Linux/Mac…
windows下載之後的圖標
2 yed的軟件界面
導航視窗：「用來調整編輯器顯示的位置和縮放工作區域，結合工具欄的一系列放大鏡圖標一起來顯示和聚焦對象。
相鄰對象：是個動態視窗，當你選中某個對象時，視窗中會顯示與這個對象相關聯的其他對象。
組織視窗：用來羅列對象和羣組，在這裏也可以快速的給對象修改命名。
模具：提供了不少模具的選擇，雙擊某個形狀或線型後，形狀會被藍色高亮並鎖定，此後你在畫布中隨處點擊都能如同圖章一樣直接添加帶連續編號的這個形狀，而鎖定的線型會被作爲默認的連接線。
參數設置：的部分看上去不那麼友好，在這裏可以爲選中的對象設定位置、大小、填充顏色、線型、文本標籤字體、大小、位置、顏色等等，如果你覺得窗口的位置太狹小，可以直接拖動設置視窗和模具並列來獲得更多的顯示空間。
在學習畫圖之前我們先了解一下，流程圖的知識吧！
3 流程圖的基本知識
3.1流程圖的定義
流程圖是一種很有用的示意圖，說明爲獲得一個問題的解決方案需執行的行爲和操作順序。通常在配置計算機解決方案的早期階段需要繪製流程圖。流程圖能促進程序員和業務人員之間的溝通。在問題的編程中流程圖起到非常關鍵的作用，並在理解複雜和冗長問題的邏輯時非常有用。流程圖一繪製好，用任何高級語言編寫程序就相當容易了。我們經常看到流程圖給人們解釋程序的時候十分有幫助。因此可以說，流程圖是更好地給複雜程序存檔的必需品。
3.2流程圖的符號
在這裏我只講一下我們經常用到的一些流程圖符號。
（1）開始與結束標誌，是個橢圓符號。用來表示一個過程的開始或結束。“開始”和“結束”寫在符號內。
（2）活動標誌，是個矩形符號，用來表示在過程的一個單獨的步驟。活動的簡要說明寫在矩形內。
（3）判斷標誌，是一個菱形符號。用來表示過程中的一項判定或一個分岔點，判定或分岔的說明寫在菱形內，常以問題的形式出現。對該問題的回答決定了判定符號之外引出的路線，每條路線標上相應的回答。
（4）流線標誌。用來表示步驟在順序中的進展。流線的箭頭表示一個過程的流程方向。
（5）文件標誌。用來表示屬於該過程的書面信息。文件的題目或說明寫在符號內。
（6）連接標誌，是個圓圈符號。用來表示流程圖的待續。圈內有一個字母或數字。在相互聯繫的流程圖內，連接符號使用同樣的字母和數字，以表示各個過程是如何連接的。
3.3流程圖的分類
| 流程圖類型 | 功能 |
|---|---|
| 程序流程圖 | 程序流程圖表示程序中的操作順序。 |
| 數據流程圖 | 數據流程圖表示求解某一問題的數據通路，同時規定了處理的主要階段和所用的各種數據媒體。 |
| 系統流程圖 | 系統流程圖表示系統的操作控制和數據流。 |
3.4流程圖設計原則
1.製作流程圖時，應按邏輯順序列出所有要求。
2.流程圖應該清晰、工整、易於理解。不要有含糊的地方。
3.常用的流程圖方向是從左到右或者從上到下。
4.流程符號應該只有1條連接線連接下一個圖形。
5.應該只有1條連接線輸入一個判定符號，但是有2到3根連接線輸出判定符號，每根代表1個可能的決策。
6.僅有一根連接線用於連接結束符號。
7.在標準流程圖符號內簡要說明符號代表的內容。必要時，你可以用註釋符號更清晰地描述數據或計算步驟。
8.如果流程圖很複雜，最好用連接符號以減少連接線的數量。爲了得到更有效的流程圖，更好地溝通信息，儘量避免連接線交叉。
9.確保流程圖有一個邏輯的起點和終點。
4 用yed工具繪製一個簡單的流程圖
我們將以1加到100的編程來繪畫一個流程圖，成品圖如下：
1.我們從右邊的模具選擇節點，我們選擇一個橢圓節點，雙擊它，然後用鼠標把它拉到繪製流圖的畫板處。
2.我們可以在畫板中點擊橢圓圖形，然後在右下角參數設置中，修改它的參數。
3.然後依次把所有節點都排列成初始模型，注意，可以多利用複製粘貼，能夠保留節點的樣式，也可以用Shift選中多個節點統一設置顏色等。
4.下面開始連線，首先在右上的面板選擇線條類型’Edge Types‘爲第二種。
然後先按下源節點的中心不放，再拖動出來，就可以把線條拖出來，當看到線條之後就可以釋放鼠標了，再指向目標節點，此時節點四周會出現句柄，再點擊一次可以完成連線。(如果想放棄繪製到一半的線條，可以點擊ESC)
5.如果大家按照我上面畫的時候，當畫分支結構的時候，會連不上那條線，因爲yed只支持連接兩個節點的線，而不支持指向線條的線，但是在標準流程圖上是有明確的要求的，所以我們需要一個透明的節點來’僞‘一下。（很簡單就是選一個節點，把它的形狀拉到最小，然後放在那個線上面就ok了）。
繪製完之後，我們需要保存，保存類型爲一下的格式，如果我們需要保存圖片該怎麼辦那，好了，看我操作。
我們點擊左上角的file->Export a document(快捷鍵ctrl+E)，這裏面就有圖片的格式了，你需要什麼格式的就按什麼格式保存哦
就這樣我們的成品就完成了，是不是yed工具畫流程圖很方便哦。如果覺得這篇博客幫助到你了，不妨給我點個贊，再加個關注嘿嘿！