教你使用markdown畫程序流程圖


2016-01-21 10:33:15 星期四

1. 入門案例
st=>start: Start
op=>operation: Your Operation
sub=>subroutine: My Subroutine
cond=>condition: Yes or No?
io=>inputoutput: catch something...
e=>end: End

st->op->cond
cond(yes)->io->e
cond(no)->sub(right)->op
2. 語法

流程圖的語法整體分為兩部分,第一段用來定義流程圖元素,第二段用來連接流程圖元素,指定流程圖的執行走向。

2.1 定義流程圖元素

tag=>type: content:>url

說明

  1. tag是流程圖中的標簽,名稱可以任意,一般為流程的英文縮寫和數字的組合。
  2. type用來確定標簽的類型,由於標簽的名稱可以任意指定,所以要依賴type來確定標簽的類型
    標簽有6種類型:start/end/operation/subroutine/condition/inputoutput
  3. content是流程圖文本框中的描述內容,中英文均可。特別注意,type后的冒號與文本之間一定要有個空格
  4. url是一個連接,與框框中的文本相綁定,點擊文本時可以通過鏈接跳轉到url指定頁面
2.2 連接流程圖元素

連接流程圖元素階段的語法就簡單多了,直接用->來連接兩個元素,需要注意的是condition類型,因為他有yes和no兩個分支,所以要寫成

cond(yes)->io->e
cond(no)->sub(right)->op


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM