-Color color +eat(Food) void +run() void } class Color { <<enum>> -int r -int g -int b } class Food { +String name } Run <|.. Animal Animal <|-- Dog Dog <-- Food Dog o--Color 时序图(sequenceDiagram) 常用元素 对象 语法:【对象1】【连线】【对象2】:【消息内容】 sequence...
an class="nolink">流程图(Flowchart):图表代码graph或flowchart 时序图(Sequence diagram):图表代码sequenceDiagram 甘特图(Gantt diagram):图表代码gantt 饼图(Pie):图表代码pie 类图(Class diagram):图表代码classDiagram 状态图(State Diagram):图表代码stateDiagram Git图(Git graph):图表代码gitGraph 实体关系图(E...
graph TD;A[开始] --> B[重要步骤|style=filled,color=red];B --> C[结束];```2.时序图（Sequence Diagram）1） 参与者 - 使用“participant”来定义参与时序图的对象。例如：```mermaid sequenceDiagram;participant A as Alice;participant B as Bob;```2） 消息传递 - 使用“->>”表示同步消...
四、mermaid绘制时序图 ```mermaid sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you?loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts prevail!John-->>Alice: Great!John->>Bob: How about you?Bob-->>John...
3. 时序图 (Sequence Diagram) 用途: 时序图展示对象之间交互的顺序。 语法示例: sequenceDiagram participant Alice participant Bob Alice->>Bob: Hello Bob, how are you? Bob-->>Alice: I am good thanks! 解释: 这个时序图描述了Alice和Bob之间的对话。Alice首先问候Bob,Bob随后回答Alice。
Mermaid也支持类图,https://mermaid-js.github.io/mermaid/#/classDiagram: classDiagramAnimal<|-- DuckAnimal<|-- FishAnimal<|-- ZebraAnimal: +int ageAnimal: +StringgenderAnimal: +isMammal()Animal: +mate()classDuck{ +StringbeakColor +swim() ...
sequenceDiagram Alcie->>Johb:hello John,how are you?John-->>Alice:Great! 3、状态图(stateDiagram) 代码语言:javascript 复制 stateDiagram[*]-->s1 s1-->[*] 4、类图 代码语言:javascript 复制 classDiagram Class01<|--AveryLongClass:Cool<<Interface>>Class01 ...
目前博客园支持mermaid的graph,subgraph,sequenceDiagram,gantt,classDiagram mermaid(美人鱼), 是一个类似markdown,用文本语法来描述文档图形的工具。mermaid语法包含在博客园markdown中。 注释为: %% 注释 插入为:(以下的例如只列举代码) ```mermaid 代码
Generation of diagram and flowchart from text in a similar manner as markdown通过mermaid 可以实现以纯文本的方式绘制流程图,序列图,甘特图等。小书匠编辑器在 markdown 强大的优势下,更是无缝集成了 mermaid 的所有功能,用户不需要任何配置,只要打开了语法开关,就可以使用所有 mermaid 图例功能。再加上小书匠的...
Context The color of Mermaid sequence diagram notes looks a bit off IMO (see, e.g., https://squidfunk.github.io/mkdocs-material/reference/diagrams/#using-sequence-diagrams), at least not as nicely integrated with the rest of the theme co...