这篇文章用来介绍,如何画出好看的流程图. 1. 选择合适的组件 1.1 plantuml官方提供的组件 1.2 加载图片 1.2.1 加载本地图片 1.2.2 加载网络图片 1.2.3 图片资源 2. 背景以及颜色优化 2.1 通用设置 2.2 对每个组件的样式进行设置 2.3 引入文件 2.3.1 引用本地模板文件 2.3.2 引用网页模板文件 2.3.3 模板文件资源 3. 使用关键字 3.1 条件选择关键字 3.2 组合关键字 3.2.1 box 3.2.2 Group关键字 3.3 注释…
在跟踪spring源码的时候,看见网上的博客好多使用了idea自带的展示类继承关系图的功能,这个地方使用了idea的diagrams-show diagram,就可以显示类的继承图,很神奇的样子,记录一下这个功能:同时idea也继承一个插件plantuml,可以画时序图和类图等: 1.打开preference-找到plugin 2.点击browse repositories 3.安装后重启,点击file-new 4.建完以后编写对应调用关系即可,注意箭头代表调用方向…
微信小程序登录 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系. 微信小程序登录流程时序图 说明 调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器. 调用 auth.code2Session 接口,换取 用户唯一标识 OpenID 和 会话密钥 session_key. 之后开发者服务器可以根据用户标识来生成自定义登录态,用于后续业务逻辑中前后端交互时识别用户身份. 注意 会话密钥 session_key 是对用户数…
偏技术的文章有时会用到各种图形,一般来说可以做好图然后截图放到文章中就好了,虽然但图片本身也很小,但存一大堆图片占用空间总觉得不是很好. mermaid mermaid官方网站 mermaid支持很多种图形的渲染,用它是个不错个选择.它可以渲染出多种复杂的图形.例如下面这个. 而绘制它也仅仅需要几行代码 sequenceDiagram par Alice to Bob Alice->>Bob: Go help John and Alice to John Alice->>John:…
文章每周持续更新,各位的「三连」是对我最大的肯定.可以微信搜索公众号「 后端技术学堂 」第一时间阅读(一般比博客早更新一到两篇) 软件设计中,有好几种图需要画,比如流程图.类图.组件图等,我知道大部分人画流程图一般都会用微软的viso绘制,我之前也是这个习惯. viso画图有个不好的地方是需要时刻去调整线条和边框已达到简洁美观,今天我给大家介绍一款程序员画图神器PlantUML,一款你用了就爱上的画图软件! VsCode以插件的形式支持了这款画图神器,还不知道VsCode? VsCode 强大地…
1 流程图         右键 _ create Diagrm _ add Flowchart _ New Flowchart      2 时序图         Create Diagram _ Add Sequence Diagram              3  静态类图         Create Diagram _ Add Class Diagram                              来自为知笔记(Wiz)…
背景 当下的软件开发人员,不可避免的需要输出一些软件设计文档,作为一个软件工程专业毕业的工程师,最常用的设计工具就是UML,使用UML工具绘制一些软件相关的图,是必备技能,也是输出的技术文档中的重要组成部分.不关注逆向工程,这里只关注快速的绘制对应的图,plantuml是一款比较不错的工具.本节先初步熟悉用例图和时序图. plantuml介绍 官网主页 功能介绍: 支持快速绘制 时序图 用例图 活动图 类图 组件图 状态图 对象图 部署图 定时图 还支持非UML图: 架构图 甘特图 思维导图 E…
本篇思维导图 @startmindmap <style> mindmapDiagram { .green { BackgroundColor lightgreen } .rose { BackgroundColor #FFBBCC } .bule_black { BackgroundColor lightblue } } </style> * PlantUML <<rose>> ** PlantUML简介 <<green>> ** 时…
在Emacs中使用plantuml画UML图 */--> code {color: #FF0000} pre.src {background-color: #002b36; color: #839496;} 在Emacs中使用plantuml画UML图 Table of Contents 1. 下载: 2. 配置: 3. 常见的问题 3.1. 中文乱码 4. 例子及语法 4.1. 时序图 4.2. 用例图 4.3. 流程图 4.4. 组件图 4.5. 状态图 plantuml是一款基于文字生成U…
Astah制作UML图--详解 时序图的制作 开篇语: 本文为光荣之路原创文章,欢迎转载,但请注明出处. 做测试的难免看到开发画出各种设计图,都很羡慕,比如: 帅么,漂亮么,其实我们测试人员也可以轻松搞定这样的图哦哦哦~~~~~ 一.UML简介: UML是Unified Modeling Language 统一建模语言, UML被应用到面向对象的问题的解决上,提供了分析师,设计师和程序员之间在软件设计时的通用语言. UML的九种建模图:用例图,类图,对象图,顺序图,协作图,状态图,活动图,组件图…