序列圖(時序圖) 序列圖是一種交互圖,它顯示了進程如何相互操作以及按什么順序操作。 sequenceDiagram participant l as 大灰狼 participant y as 小羊 l->>y:小壞蛋,弄臟我喝的水 y->>l:狼先生 ...
mermaid時序圖語法參考 sequenceDiagram participant bpm as 系統A participant credit as 系統B autonumber bpm gt gt credit: 打開流程表單 credit gt gt bpm: 提交申請 opt 修改客戶資料 credit gt gt bpm: 取消流程 end bpm gt gt credit: 打開待辦 ...
2021-04-25 16:26 0 356 推薦指數:
序列圖(時序圖) 序列圖是一種交互圖,它顯示了進程如何相互操作以及按什么順序操作。 sequenceDiagram participant l as 大灰狼 participant y as 小羊 l->>y:小壞蛋,弄臟我喝的水 y->>l:狼先生 ...
狀態圖 狀態圖是一種用於計算機科學和相關領域描述系統行為的圖。狀態圖要求描述的系統由有限數量的狀態組成。 語法: stateDiagram-v2 [*] --> Still Still --> [*] Still --> Moving:push ...
流程圖 所有流程圖都由節點、幾何圖像、箭頭或線條組成。 mermaid代碼定義了這些節點和邊的制作和交互方式。可以有不同的箭頭類型、多向箭頭以及與子圖的連接。 節點 節點 flowchart LR id 帶文字的節點 可以在框中設置與id不同的文本。如果多次這樣做,將使 ...
mermaid是一款開源的畫流程圖、甘特圖、時序圖工具,她提供了一種類似markdown的語法來創建各種圖。 安裝插件 若使用vscode,可直接安裝插件:Markdown Preview Mermaid Support 配置,設置繪圖風格 ctrl+shift+p打開命令面板 ...
Mermaid 是一個用於畫流程圖、狀態圖、時序圖、甘特圖的庫,使用 JS 進行本地渲染,廣泛集成於許多 Markdown 編輯器中。 之前用過 PlantUML,但是發現這個東西的實現原理是生成 UML 的圖片后上傳服務端,每次再從服務端讀取,因此覺得不夠魯棒,隱私性也不好,因而棄 ...
時序圖 序列圖是一種交互圖,它顯示了流程以何種順序相互操作。 Mermaid可以渲染序列圖,如下定義。 sequenceDiagram Alice ->> John: Hello John, how are you? John -->> Alice ...
轉載自:https://blog.csdn.net/fenghuizhidao/article/details/79440583 保留給自己查看,需要查看原博客可點擊鏈接 Mermaid 實用教程 Mermaid 是一個用於畫流程圖、狀態圖、時序圖、甘特圖的庫,使用 JS 進行本地 ...
Markown語法簡單,用來寫文檔是個不錯的選擇。 但是Markdown 語法並不直接支持畫圖,當然方法還是有的。 本人用的Markdown編輯器為vscode,在里面直接安裝mermaid插件即可使用。 最近在學習使用攜程開源框架Apollo,就以該框架的一些流程圖介紹mermaid ...