// +----------+                     +-------------+
// |          |                     |             |
// |          |     Code Here       |             |
// |          +--------------------->             |
// |          |                     |             |
// |          |                     |             |
// |          |     XXXXXX          |             |
// |          |  XXXX     XXX       |             |
// |          | XX          XXX     |             |
// |          |XX             XXX   |             |
// |          |X                XX  |             |
// |          <---------------------+             |
// |          |                     |             |
// |          |                     |             |
// |          |         +           |             |
// |          |         |           |             |
// |          |   +------------+    |             |
// |          |         |           |             |
// |          +--------------------->             |
// |          |         |           |             |
// |          |         |           |             |
// +----------+         |           +-------------+
//                      ++
//

 

网站地址:http://asciiflow.com

在进行开发和流程讲解时,时序图是必不可少的组件,良好的时序图可以让读者能够以最快的速度读懂你的业务流程。

虽然,我们可以借助 Visio 和 Omni Graffle 等工具来绘制一个好看的流程图,但是图片只能够独立的存放在代码之外,所以在使用时,读者需要一边看图片,一边看代码,如果有多个时序图来说明产品的流程,找寻起来就更加麻烦。

ASCIIFlow 会生成如上所示的时序图,这样的好处是你可以将你的时序图放在你的代码中,只需要借助注释将其包含起来,即可以没有任何影响的插入流程。这时,读者在读代码前会自然而然的看到这里的时序图,也就可以更好的去了解下方代码的含义了。