目录

  • 1 mindmap
  • 2 mermaid
  •       2.1 增加链接
  •       2.2 样式类
  • 3 带有色块的流程图
  •       甘特图
  • 支持3种思维导图方式
    mindmap、mermaid和flow施工图阶段多专业流水作业特点.png

    1 mindmap

    3个重音符号```,波浪键上那个反单引号。
    >后面的数字是高度

    ```mindmap>400
    # 水务院
    ## 水工
    ### 水工一室
    ### 水工二室
    ## 施工
    ### 施工一室
    ### 施工二室
    ## 预算
    ### 预算一室
    ### 预算二室
    ` ` `——这3个反单引号之间不要有空格,这里是为了显示需要,
    加了空格,实际使用的时候不要加空格。
    注意是键盘左上角波浪号下方那个反单引号

    效果如下:

    # 水务院
    ## 水工
    ### 水工一室
    ### 水工二室
    ## 施工
    ### 施工一室
    ### 施工二室
    ## 预算
    ### 预算一室
    ### 预算二室

    2 mermaid

    doc.gsw945.com/docs/...
    blog.csdn.net/wangya...
    mermaid-js.github.io...

    2.1 增加链接

    ```mermaid
    graph LR
        A --> B
        B --> C
        click B "https://www.github.com"
     ` ` `
    A
    B
    C
    for peace
    forbidden
    A perhaps?

    2.2 样式类

    为了方便样式的使用,可以定义类来使用样式
    类的定义示例:
    classDef className fill:#f9f,stroke:#333,stroke-width:4px;
    对节点使用样式类:
    class nodeId className;
    同时对多个节点使用相同的样式类:
    class nodeId1,nodeId2 className;

    3 带有色块的流程图

    流程图是以 flow , 开始并以 结尾的区块中

    st=>start: Start|past:>http://www.google.com[blank]
    e=>end: End|future:>http://www.google.com
    op1=>operation: My Operation|past
    op2=>operation: Stuff|current
    sub1=>subroutine: My Subroutine|invalid
    cond=>condition: Yes
    or No?|approved:>http://www.google.com
    c2=>condition: Good idea|rejected
    io=>inputoutput: catch something...|future
    
    st->op1(right)->cond
    cond(yes, right)->c2
    cond(no)->sub1(left)->op1
    c2(yes)->io->e
    c2(no)->op2->e
    Parse error on line 2: ... TDst=>start: Start|past:>http://www.go ----------------------^ Expecting 'SPACE', 'GRAPH', 'DIR', 'subgraph', 'SQE', 'end', 'AMP', 'ALPHA', 'COLON', 'TAGEND', 'START_LINK', 'STYLE', 'LINKSTYLE', 'CLASSDEF', 'CLASS', 'CLICK', 'DOWN', 'UP', 'DEFAULT', 'NUM', 'COMMA', 'MINUS', 'BRKT', 'DOT', 'PCT', 'TAGSTART', 'PUNCTUATION', 'UNICODE_TEXT', 'PLUS', 'EQUALS', 'MULT', 'UNDERSCORE', got 'PIPE'

    甘特图

    ```mermaid
    gantt
    dateFormat YYYY-MM-DD
    
    section S1
    T1: 2014-01-01, 9d
    
    section S2
    T2: 2014-01-11, 9d
    
    section S3
    T3: 2014-01-02, 9d
    ` ` `
    2014-01-012014-01-032014-01-052014-01-072014-01-092014-01-112014-01-132014-01-152014-01-172014-01-19T1T3T2S1S2S3
    Text
    One
    Two
    Hard
    Round
    Decision
    Result 1
    Result 2
    <<person>>Banking Customer AA customer of the bank, with personal bank accounts.<<person>>Banking Customer B<<external_person>>Banking Customer C<<system>>Internet Banking SystemAllows customers to view information about their bank accounts, and make payments.<<person>>Banking Customer DA customer of the bank, with personal bank accounts.<<external_system_db>>Mainframe Banking SystemStores all of the core banking information about customers, accounts, transactions, etc.<<external_system>>E-mail systemThe internal Microsoft Exchange e-mail system.<<system_db>>Banking System D DatabaseA system of the bank, with personal bank accounts.<<system>>Banking System A<<system>>Banking System BA system of the bank, with personal bank accounts.BankBoundary2[ENTERPRISE]<<system_queue>>Banking System F QueueA system of the bank, with personal bank accounts.<<external_system_queue>>Banking System G QueueA system of the bank, with personal bank accounts.BankBoundary3[boundary]BankBoundary[ENTERPRISE]UsesUsesSends e-mails[SMTP]Sends e-mails toSystem Context diagram for Internet Banking System
    My working dayCatMe
    Go to work
    Go to work
    Me
    Make tea
    Make tea
    Me
    Go upstairs
    Go upstairs
    MeCat
    Do work
    Do work
    Go home
    Go home
    Me
    Go downstairs
    Go downstairs
    Me
    Sit down
    Sit down
    My working day
    79%18%3%DogsCatsRats
    作者:秦晓川  创建时间:2022-07-14 23:22
    最后编辑:秦晓川  更新时间:2024-06-23 13:44
    上一篇:
    下一篇: