note/tech/markdown 流程图mermaid.md
2025-11-19 10:16:05 +08:00

263 lines
6.9 KiB
Markdown
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 思维导图、流程图
```mermaid
flowchart TD
A-->B
A--dd的点点滴滴-->C
B-->|ttt|D
B==ttt==>F
C-..->E
```
```mermaid
graph LR
A[Start] --> B{Is it?};
B -- Yes --> C[OK];
C --> D[Rethink];
D --> B;
B -- No ----> E[End];
```
```mermaid
graph TD
light[LightZhan]
url[lightzhan.xyz]
QdownUrl[访问LightZhan博客Qdown页面]
Qdown((Qdown))
function[功能]
Qdown-->|作者|light
light--个人主页-->url
Qdown-->function
Qdown-->QdownUrl
function1[极速下载]
function2[磁链/BT下载]
function3[迅雷下载]
function5[下载体验]
function4[Http/Https/FTP/SFTP]
function-.功能1.->function1
function-.功能2.->function2
function-.功能3.->function3
function-.功能4.->function4
function-.更多功能.->function5
annocement[本文首发于lightzhan.xyz,允许规范转载]
```
## 流程图语法
```mermaid
graph
默认方形
id1[方形]
id2(圆边矩形)
id3([体育场形])
id4[[子程序形]]
id5[(圆柱形)]
id6((圆形))
click id4 "https://www.github.com" _blank
```
```mermaid
graph
id1{菱形}
id2{{六角形}}
id3[/平行四边形/]
id4[\反向平行四边形\]
id5[/梯形\]
id6[\反向梯形/]
```
```mermaid
flowchart LR
A o--o B
B <--> C
C x--x D
旧连线 --文本--> 也会不同
```
# 时序图
```mermaid
sequenceDiagram
A->>B:Qdown是啥
B-->>A:Qdown是全功能的下载软件
A->>B:哪里可以下载呀?
B-->>A:http://lightzhan.xyz/index.php/qdown/
B-->>C:这是啥
C->>A:dddd
```
```mermaid
gantt
title 诊所筹建项目甘特图 (8周计划)
dateFormat YYYY-MM-DD
% 设置项目起始日期为2025年8月25日周一方便规划
axisFormat %m-%d
section 第一阶段:启动与规划 (第1-2周)
筹建办与核心人员到位 :done, w1_1, 2025-08-25, 3d
法规研究与证照清单 :active, w1_2, 2025-08-25, 5d
图纸比价与施工方确定 :active, w2_1, after w1_2, 5d
签订施工合同 :milestone, m_sign, 2025-09-05, 0d
启动卫健委报备流程 :active, crit, w2_2, 2025-09-01, 56d
核心管理层招聘(院助/护士长) :active, w2_3, 2025-09-01, 14d
section 第二阶段:工程建设 (第2周末 - 第8周初)
装修总工期 (45天) :active, crit, const, 2025-09-06, 45d
- 水电施工与空调进场 :active, w3_1, after m_sign, 10d
- 隔墙与弱电网络施工 :active, w4_1, after w3_1, 12d
- 基础装修收尾 :active, w6_1, after w4_1, 15d
section 第三阶段:人员与物资并行 (第4-7周)
第二梯队人员招聘(护/助/前/药):active, p1, 2025-09-22, 21d
家具测量与采购 :active, f1, 2025-09-22, 21d
医疗设备/药品采购 :active, e1, 2025-09-29, 21d
后勤人员招聘(保洁/安/采):active, p2, 2025-10-06, 14d
办公/IT设备采购 :active, o1, 2025-10-13, 7d
section 第四阶段:安装、验收与开业 (第7-8周)
办公/IT/家具安装 :active, i1, 2025-10-20, 5d
医疗设备进场安装 :active, i2, after const, 7d
软装进场与环境布置 :active, i3, after const, 5d
全员培训与系统联调 :active, i4, 2025-10-27, 5d
卫健委现场验收 :active, crit, i5, 2025-10-27, 5d
市场预热与试运营 :active, i6, 2025-10-27, 7d
正式开业 :milestone, m_open, 2025-11-03, 0d
```
# 甘特图
```mermaid
gantt
title 甘特图
section 部分1
1个任务 :a1, 2014-01-01, 30d
其他任务 :a2,after a1 , 20d
任务222 :2014-02-01,12d
任务333 :after a2,5d
section 其他部分
第2个任务 :2014-01-12 , 12d
其他任务 : 24d
```
```mermaid
gantt
dateFormat YY-M-D
title 向Mermaid增加甘特图功能
excludes weekends
%% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)
%% (`excludes` 接受 YYYY-MM-DD 格式的特定日期、星期几“sunday”或“weekends”但不接受“weekdays”词。)
section A部分
完成任务 :done, des1, 14-01-06,14-01-08
进行任务 :active, des2, 14-01-09, 3d
未开展任务 : des3, after des2, 5d
未开展任务2 : des4, after des3, 5d
section 关键任务
在关键线完成任务 :crit, done, 14-01-06,24h
实现解析器和 jison :crit, done, after des1, 2d
为解析器创建测试 :crit, active, 3d
关键线的未来任务 :crit, 5d
为渲染器创建测试 :2d
新增到Mermaid :1d
已添加功能 :milestone, 14-01-25, 0d
section 文档
描述甘特图语法 :active, a1, after des1, 3d
将甘特图添加到演示页面 :after a1 , 20h
将其他甘特图添加到演示页面 :doc1, after a1 , 48h
section Last section
Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page :20h
Add another diagram to demo page :48h
```
# 思维导图
```mermaid
mindmap
root((mindmap))
Origins
Long history
::icon(fa fa-book)
Popularisation
British popular psychology author Tony Buzan
Research
On effectiveness<br/>and features
On Automatic creation
Uses
Creative techniques
Strategic planning
Argument mapping
Tools
Pen and paper
Mermaid
```
```mermaid
graph TD
%% 最高层:决策与监督
A[股东会]
B{财务总监}
C[总经理]
A --> B
A --> C
%% 运营执行线 (总经理负责)
subgraph 运营执行线
D[医疗院长]
E[行政院长]
C --> D
C --> E
subgraph 医疗业务板块
D1[精神科主任]
D2[内科主任]
D3[中医科主任]
F[护士长]
I((药师兼收费))
G((护士5名))
H((医助3名))
D --> D1
D --> D2
D --> D3
D --> F
D --> I
F --> G
F --> H
end
subgraph 行政后勤板块
J((前台2名))
L[小采购]
K((保洁1名/保安2名))
E --> J
E --> L
E --> K
end
end
%% 样式定义
style A fill:#0055A4,stroke:#333,stroke-width:2px,color:#fff
style B fill:#C11B17,stroke:#333,stroke-width:2px,color:#fff
style C fill:#007BFF,stroke:#333,stroke-width:2px,color:#fff
style D1 fill:#28a745,stroke:#333,stroke-width:1px,color:#fff
style D2 fill:#28a745,stroke:#333,stroke-width:1px,color:#fff
style D3 fill:#28a745,stroke:#333,stroke-width:1px,color:#fff
```