Generate flow chart with code, and how to use markdown

Preface

Generally speaking, I will use some flow charts to make software 、 Tools or actions become more understandable , To put it bluntly, it is easy to understand .

Use Windows Software friends may use Word,Vision This kind of software , perhaps ProcessOn This kind of tool , Is there a better and more convenient operation , Can effectively improve efficiency ？

for instance , Enter the code to generate , Remove the tedious click operation .

How to operate

Use Markdown This method can be realized , That is to use Flowchart flow chart

This part of the flowchart will use this format to declare that this part is the beginning of a flowchart

【```mermaid】
【flowchat】

End with 【```】 by way of conclusion

Then there are the declarations , These declarations describe a box as an operation （ Square box ） Or judge （ The diamond ） Or start or end （ Rounded rectangle ）

Common descriptors

1. Start and end ：start and e
2. Perform the operation ：operation
3. Judge ：condition
4. The judgment includes yes and no

for instance

Here's the code , This will generate such a common flow chart of web page login

st=>start:  Start 

op=>operation:  Login system 
cond1=>condition:  Is the password correct ？
fun1=>operation:  Retrieve password 
e=>operation:   Mobile phone verification 
e2=>condition:  Verify that the code is correct ?
fun2=>end:  Login successful  

st->op->cond1
cond1(yes)->e
cond1(no)->op
e->e2
e2(no)->op
e2(yes)->fun2

stay Markdown It's like this inside ：

Of course, in fact, one paragraph can complete all of the , Such as this ：

have a good time ：）