知方号

知方号

PlantUML 用代码画思维导图,时序图,流程图<如何绘制思维导图>

PlantUML 是一个开源项目,支持通过脚本绘图。PlantUML 可以绘制如下种类的 UML 图:

时序图用例图类图活动图组件图状态图对象图部署图定时图

同时还支持以下非 UML 图:

线框图形界面架构图规范和描述语言 (SDL)Ditaa diagram甘特图思维导图Work Breakdown Structure diagram以 AsciiMath 或 JLaTeXMath 符号的数学公式Entity Relationship diagram 通过简单直观的语言来定义这些示意图。中文文档:https://plantuml.com/zh/guide

下面通过一些简单案例来完成思维导图,时序图,活动图

vscode 插件安装和使用

插件商店搜索 "PlantUML ",点击安装即可 使用只需要新建一个 puml 文件 或者 md文件 ,预览的话在 Windows 版本的 VS Code 中,通过 Ctrl + Shift + P 打开命令面板,输入 PlantUML,找到 Preview Current Diagram 命令,或者通过 快捷键 Alt + D,打开预览页面。

思维导图绘制 @startmindmap*[#409EFF] vue3-auth **[#79bbff] 登陆认证 ***_ 登陆和登出 ***_ 用户注册 ***_ 用户状态和信息保存 **[#79bbff] 权限鉴定 ***_ 用户权限获取 ***_ 页面访问权限(菜单权限) ***_ 页面功能权限(按钮权限) **[#79bbff] 角色管理 ***_ 角色新增 ***_ 角色修改 ***_ 角色删除 ***_ 角色绑定权限 ***_ 角色绑定维度 **[#79bbff] 用户管理 ***_ 用户新增 ***_ 用户修改 ***_ 用户删除@endmindmap

效果图如下:

关键解释如下:

@startmindmap 和 @endmindmap 这两个注解用来

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至lizi9903@foxmail.com举报,一经查实,本站将立刻删除。