状态图

作者: 小名一峰 | 来源:发表于2020-05-19 00:25 被阅读0次

1-状态体

说明。Typora,Markdown语法扩展(mermaid),绘制《状态图》的方法。

  • 简洁 a

  • state "desc1" as A

  • A : desc2

  • 举例。

    stateDiagram
    
    a
    state "desc1" as b
    c : desc2
    
1-状态体.png

2-过渡

  • 过渡 -->

  • 开始和结束 [*]

  • 举例。

    stateDiagram
    
    a --> b
    c --> d: 备注说明
    
    [*] --> e : 开始
    f --> [*] : 结束
    
2-过渡.png

3-状态复合体

  • 概念。一个状态内多个状态。

  • 方法。state A {...}

  • 举例。

    stateDiagram
    
    [*] --> a
    a --> b
    a --> c
    
    state a {
    [*] --> d
    d --> [*]
    }
    
    state b {
    [*] --> e
    e --> [*]
    }
    
    state c {
    [*] --> f
    f --> [*]
    }
    
3-状态复合体.png

4-分合器

  • 概念。分叉和联结。

  • 方法。

    • 分叉state xx <<fork>>
    • 联结state yy <<join>>
  • 举例。

stateDiagram

state _fen <<fork>>
[*] --> _fen
_fen --> A
_fen --> B
  
state _he <<join>>
A --> _he
B --> _he
_he --> C
C --> [*]
4-分合器.png

5-备注

  • 位置。rightleft

    • note left of A ... end note
    • note left of B: ...
  • 举例。

stateDiagram

[*] --> A : start
A --> B

note left of A
我是A
end note
note right of B : 我是B

B --> [*]: end
5-备注.png

6-简图

stateDiagram

[*] --> A
A --> [*]

A --> B
B --> A
B --> C
C --> [*]
6-简图.png

Markdown教程-第二版

底(空)

相关文章

  • UML建模之状态图(Statechart Diagram)

    一、状态图简介(Brief introduction) 状态图(Statechart Diagram)主要用于描述...

  • uml设计

    如何绘制状态图

  • UML-State Machine Diagram

    流程可以由活动图来表达,要是表示一个事物的某些状态,首选状态图。状态图的元素与活动图类似。 1.状态图的两个状态的...

  • UML-状态图

    状态图有什么用 状态图用于描述各个状态的变化情况,当你陷入了繁杂大量的状态转换的时候,使用状态图会让这一切都变得清...

  • React组件生命周期

    问题 理解React组件的生命周期 知识点 React流程状态图 注意:流程状态图为使用React.createC...

  • SystemUI之通知图标控制

    本文是基于Android 10源码分析的。 SystemUI之状态图标控制 分析了状态栏上状态图标(例如 wifi...

  • <UML基础、案例与应用>-状态图

    行为元素 展示UML模型部件如何随时间变化。状态图是一种行为元素。只是对单个对象建立模型。 增加状态细节 状态图标...

  • 一个简单的词法分析程序

    最近上《编译原理》这门课程,老师要求我们自己写一个词法分析程序。要求如下: 状态图 首先我们将文法转化为状态图~ ...

  • boost 状态机--简介

    原文:The Boost Statechart Library译者:penghuster 简介 Boost 状态图...

  • 状态图

    用来描述一个特定的对象所有可能的状态,以及由于各种事件的发生而引起的状态之间的转移和变化。 并不是所有的类都需要画...

网友评论

    本文标题:状态图

    本文链接:https://www.haomeiwen.com/subject/obgmohtx.html