mermaid 美人鱼, 是一个类似 markdown，用文本语法来描述文档图形(流程图、 时序图、甘特图)的工具，您可以在文档中嵌入一段 mermaid 文本来生成 SVG 形式的图形 比如插入下面的代码 graph TD; A-->B; A-->C; B-->D; C-->D; 生成对应图：
Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库，使用 JS 进行本地渲染，广泛集成于许多 Markdown 编辑器中。 之前用过 PlantUML，但是发现这个东西的实现原理是生成 UML 的图片后上传服务端，每次再从服务端读取，因此觉得不够鲁棒，隐私性也不好，因而弃用。 Mermaid 作为一个使用 JS 渲染的库，生成的不是一个“图片”，而是一段 HTML 代码，因此安全许多。
（以一个简单的Websocket聊天室服务端为例） 1、任意位置建立项目目录 如 SimpleChat/ 2、引入Workerman/Autoloader.php 如 require_once '/your/path/Workerman/Autoloader.php'; 3、选定协议 这里我们选定Text文本协议(WorkerMan中自定义的一个协议，格式为文本+换行) （目前WorkerMan支
Yaf提供了完善的API, 并支持Bootstrap和插件机制. 整体流程图如下:
下图说明了整个系统的数据流程： index.php 文件作为前端控制器，初始化运行 CodeIgniter 所需的基本资源； Router 检查 HTTP 请求，以确定如何处理该请求； 如果存在缓存文件，将直接输出到浏览器，不用走下面正常的系统流程； 在加载应用程序控制器之前，对 HTTP 请求以及任何用户提交的数据进行安全检查； 控制器加载模型、核心类库、辅助函数以及其他所有处理请求所需的资源；
主要内容：表示,序列化,表示,解析YAML遵循流程的标准程序。YAML中的本机数据结构包括简单表示，例如:节点。 它也称为表示节点图。 它包括映射，序列和标量，正在序列化以创建序列化树。通过序列化，对象将使用字节流进行转换。 序列化事件树有助于创建字符流的表示，反向过程将字节流解析为序列化事件树。 之后节点将转换为节点图。之后在YAML本机数据结构中转换这些值。 如下图解释 - YAML中的信息以两种方式使用：机器处理和人类消费。
静态页面 管理端
当团队管理员启用此功能后，点击即可使用。 1.手机版 使用方法：打开审批-找到要提的流程-输入流程内容-选择审批人-提交 2.电脑版 目前电脑版审批操作与手机版完全一致
