用代码画时序图！YYDS

最新推荐文章于 2024-10-30 10:59:51 发布
最新推荐文章于 2024-10-30 10:59:51 发布
阅读量137 收藏
点赞数
文章标签： 数据库 java mysql 面试 redis
原文链接：https://mp.weixin.qq.com/s?__biz=MzAxNjk4ODE4OQ==&mid=2247532214&idx=1&sn=f871de3d4222329e74669d597cadc185&chksm=9bee5fc4ac99d6d2024dcd5572fe53733d84b719d28ffe5b53fe6712724690365c08ca18f633&scene=126&&sessionid=0
版权

欢迎关注方志朋的博客，回复”666“获面试宝典

前言

最近通过代码来画时序图，UML用例图，感觉很不错，所以给大家分享一下。

日常开发，一般在设计阶段，我们都需要画时序图、用例图等等。大家平时画图的时候，是用draw.io还是processOn呢？用它们画出的图，其实都很挺好看的。但是呢，今天田螺哥介绍一个款开源的画图神器！用代码就能画图，配合IDE使用，画图高效简单，信手拈来,还挺美观的。这个神器就是PlantUML。

762be62fec03f88f1bd1fcbb1a89a0c4.jpeg

1. PlantUML 简介

PlantUML是一个开源项目，可以快速编写UML图的工具。它可以支持编码的方式来生成图形。可以用来画时序图、UML用例图、类图、思维导图、ER图等等。

PlantUML 画出来的图，简洁美观，先给大家看看,一个用PlantUML画出来的登录时序图,以及对应画图的代码,如下：

/**
 * 关注公众号：键捡田螺的小男孩
 */
@startuml
title Sequence Diagram of User login
actor User as user

participant "gateway" as gateway
participant "user-core" as userCore
database "MySQL" as mysql
database "Redis" as redis

autonumber
user-> gateway:login request，param：username，password
activate gateway
gateway-> userCore:forward the login request
activate userCore
userCore-> userCore :check the login param
userCore-> mysql:query user info from mysql by username
activate mysql
mysql-> userCore:response with username and password
deactivate mysql
userCore->userCore:compare the requested password with the DB's password
userCore-> userCore: generate an unique token
userCore--> redis: save the token to redis
userCore-> gateway: response with the token
deactivate userCore
gateway-> user: login success with the token
deactivate gateway
@enduml

登录用例时序图如下:

68873450c9b365a5520449f04d1ad70b.png

2. PlantUML的安装使用

PlantUML的安装很方便的.有个插件,名字是:PlantUML Integration,大家可以去IDE的插件市场,搜索安装即可,如下:

932a889b0dc65b4f098d8df1fa415fd1.jpeg

安装成功后,想快速体验一般的话.可以新建一个项目,然后新建一个plantUML File文件,然后把我上个小节,登录时序图那个代码复制进去,就可以看到登录时序图啦.

a1ed0d28b8930057fdd37595712cf96b.jpeg （如果是非时序图，希望即时展示，需要安装下Graphviz哈）

3.如何用PlantUML 画时序图

什么是时序图?

时序图（Sequence Diagram），又名序列图、循序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序，当执行一个用例行为时，其中的每条消息对应一个类操作或状态机中引起转换的触发事件。

如何用PlantUML画时序图呢?

你可以先新建一个PlantUML文件

f9b895218edcd771d0d977dd805eac0c.jpeg

然后选择Sequence,并定义一个文件名称

0a2921a1c19698815be1683a819db06e.jpeg

就会有默认的时序图生成啦.

92f731fe8dcfb262f441dfc973626694.jpeg

我们照着登录时序图的代码,来大概说下每个关键词的意思吧.

/**
 * 关注公众号：键捡田螺的小男孩
 */
@startuml
title Sequence Diagram of User login
actor User as user

participant "gateway" as gateway
participant "user-core" as userCore
database "MySQL" as mysql
database "Redis" as redis

autonumber
user-> gateway:login request，param：username，password
activate gateway
gateway-> userCore:forward the login request
activate userCore
userCore-> userCore :check the login param
userCore-> mysql:query user info from mysql by username
activate mysql
mysql-> userCore:response with username and password
deactivate mysql
userCore->userCore:compare the requested password with the DB's password
userCore-> userCore: generate an unique token
userCore--> redis: save the token to redis
userCore-> gateway: response with the token
deactivate userCore
gateway-> user: login success with the token
deactivate gateway
@enduml

关键词解释如下:

  • title:表示该UML用例图的标题

  • actor:表示人形的参与者

  • as: 使用as 关键字命名参与者。你可以把它理解成定义变量一样,as后面跟着的就是变量,声明后,我们后面就可以使用这个变量啦

  • participant:表示普通的参与者,它跟actor的主要区别是:形状不一样

  • database:表示参与者形状是数据库.

  • 显示的顺序是怎么定义的:声明的参与者顺序将是（默认的）显示顺序。

  • autonumber:可以给参与者添加顺序

  • ->:表示绘制两个参与者之间的信息,如果你希望是虚线,可以使用-->.

  • activate和deactivate:表示参与者的生命线

当然,PlantUML功能挺丰富的,它还可以组合消息,虽然在我的登录时序图还没体现出来. 它提供了alt/else、opt、loop来组合消息.如下:

@startuml
Alice -> Bob: 认证请求

alt 登录成功

    Bob -> Alice: 认证接受

else 某种失败情况

    Bob -> Alice: 认证失败
    group 我自己的标签
    Alice -> Log : 开始记录攻击日志
        loop 1000次
            Alice -> Bob: DNS 攻击
        end
    Alice -> Log : 结束记录攻击日志
    end

else 另一种失败

   Bob -> Alice: 请重复

end
@enduml

对应的时序图如下:

5cd6188fd5e1adff15e277b611176c00.png

4. 如何用PlantUML 画UML用例图

什么是用例图?

用例图（英语：use case diagram）是用户与系统交互的最简表示形式，展现了用户和与他相关的用例之间的关系。通过用例图，人们可以获知系统不同种类的用户和用例。用例图也经常和其他图表配合使用。

如何用PlantUML画UML用例图呢?

你可以先新建一个PlantUML文件,然后选择user case,并定义个文件名

25b0063381ab5c1d6df4b34ce9f50bbb.jpeg

就会有默认的UML用例图生成啦

e08b5f3dd73e6296a358629d9a04b7e8.jpeg

我挑官网一个用例图demo来介绍吧,代码如下:

@startuml
left to right direction
actor Guest as g
package Professional {
  actor Chef as c
  actor "Food Critic" as fc
}
package Restaurant {
  usecase "Eat Food" as UC1
  usecase "Pay for Food" as UC2
  usecase "Drink" as UC3
  usecase "Review" as UC4
}
fc --> UC4
g --> UC1
g --> UC2
g --> UC3
@enduml

对应生成的用例图如下:

057aa91e561898e710457d43a3df88a6.jpeg

来看下每个关键词的意思:

  • left to right direction:表示从左到右绘制用例图

  • actor Guest as g:定义一个人形参与者,变量别名是g.

  • package Professional:定义一个包package,名字为Professional.package可以用来对用例和角色分组.

  • usecase "Eat Food" as UC1:定义一个用例,别名为UC1.

  • fc --> UC4:表示角色fc和用例UC4关联起来.角色和用例之间的关系,用-->来表示。

5. 如何用plantUML 画思维导图

什么是思维导图?

英文是The Mind Map，又名心智导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效同时又很高效，是一种实用性的思维工具。

写了一个简单的思维导图,代码如下:

@startmindmap
* 公众号：捡田螺的小男孩，干货面试题
** 计算机网络面试题
*** TCP/IP十五连问
*** 两万字计算机面试题汇总
** MySQL面试题
** Redis面试题
** 大厂面试真题
*** 虾皮十五连问
*** 五年Oppo后端面试真题
*** 腾讯云十五连问
@endmindmap

plantUML画思维导图,还是挺简单的,大家可以看下效果

b5ae6d59793db975aa55c9af2f1ddd9c.jpeg

6. 如何用planUML 画活动流程图

什么是活动图?

动态图（activity diagram，活动图）是阐明了业务用例实现的工作流程。

我画了一个简单版的登录活动流程图:

@startuml
title Activity Diagram of User login

start
:user request login;
if (is request param null？) then (N)
  :query user info by username;
  if (is user info  null ?) then (N)
    :compare the password;
    if (Is password right?) then (Y)
      :generate a token ,and set it to redis;
      :response with login success;
    else(N)
       :response with wrong password code;
       stop
    endif
  else(Y)
    :response with error userinfo;
    stop
  endif
else(Y)
  :response with error param;
  stop
  endif
stop
@enduml

生成的流程图如下:

df8f482df572ba0fda84e42bb67b9e30.jpeg

活动图关键解释如下：

  • start表示活动图流程的开始

  • stop表示活动图流程的结束

  • :user request login;:表示活动流程节点为user request login,需要加:和;的哈

  • if+then+endif表示一个完整的条件判断

热门内容：解决打开IDEA 对 CPU占用率巨大的问题
4年工作经验，多线程间的5种通信方式都说不出来，你敢信？
还在用Xshell？你out了，推荐一个更现代的终端连接工具
 
 
ec2446ea41b922f6940bcd7f3189d7be.jpeg
 
 
 
 
最近面试BAT，整理一份面试资料《Java面试BAT通关手册》，覆盖了Java核心技术、JVM、Java并发、SSM、微服务、数据库、数据结构等等。
获取方式：点“在看”，关注公众号并回复 666 领取，更多内容陆续奉上。
 
 
明天见(｡･ω･｡)
 


                

        

        

    

  


    

      

        

            

              
                
                  公众号:方志朋
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
Markdown 进阶技能：用代码画时序图

				
			

			

				

					weixin_45755202的博客
				

				

					10-15
					
					3145
					
				

			

		

		

			
				
这篇文章将为大家介绍如何以写代码的方式画时序图（也叫顺序图），同时也会介绍一些时序图基础知识。
相比于使用画图工具拖拽画图，用代码画图有什么好处？

首先，这种方式非常轻便，无需安装复杂的画图应用。Typora 等多种 Markdown 编辑器自带有画图扩展（这也是 Markdown 能画图的原因，因为用到了扩展）
其次，拖拽画图时需要考虑图形尺寸和对齐问题，而代码画图不需要考虑这些，一切均自动调...

			
		

	



                

            
              



	

		

			

				
					
mysql逆向生成uml_从 Java 代码逆向工程生成 UML 类图和序列图

				
			

			

				

					weixin_35644506的博客
				

				

					01-28
					
					600
					
				

			

		

		

			
				
本文面向于那些软件架构师，设计师和开发人员，他们想使用 IBM® Rational® Software Architect 从 Java™源代码来逆向工程生成 UML 类和序列图。 逆向工程经常被用来从已有的源代码中以一种抽象模型 UML 格式来获得丢失的设计文档，其可以用来研究一个系统的静态结构和动态行为，并用于扩展新的特性到产品。 作者详细说明了使用IBMRationalSoftware A...

			
		

	



              


  
              

                


	

		

			

				
					
用代码画时序图！绝了！

				
			

			

				

					weixin_62421895的博客
				

				

					07-21
					
					3160
					
				

			

		

		

			
				
PlantUML是一个开源项目，可以快速编写UML图的工具。它可以支持编码的方式来生成图形。可以用来画时序图、UML用例图、类图、思维导图、ER图等等。@startumlautonumber@enduml复制代码。

			
		

	





	

		

			

				
					
根据java代码画uml顺序图_MyEclipse画UML用例图并生成JAVA代码（图文详细步骤）

				
			

			

				

					weixin_28807529的博客
				

				

					02-13
					
					1945
					
				

			

		

		

			
				
根据网上零星的相关教程、步骤，自己摸索了一番，发现用MyEclipse10画UML用例图并生成JAVA代码也不是很复杂，所以在此记录并分享给大家！实例是设计模式中的：简单工厂模式之简单电视机工厂简单看下目录结构和UML用例图：目录结构预览： 用例图预览： 接下来详细步骤(也不多，共五步)：一、新建JAVA工程打开MyEclipse->New->Java Project->输入工程...

			
		

	



		

			
		



	

		

			

				
					
PowerDesigner(八)-面向对象模型(用例图，序列图，类图，生成Java源代码及Java源代码生成类图)

					
热门推荐

				
			

			

				

					conviction_thinking的专栏
				

				

					09-09
					
					8万+
					
				

			

		

		

			
				
面向对象模型
  面向对象模型是利用UML(统一建模语言)的图形来描述系统结构的模型，它从不同角度实现系统的工作状态。这些图形有助于用户，管理人员，系统分析人员，开发人员，测试人员和其他人员之间进行信息交流。这里主要介绍用例图，序列图和类图。
  1.面向对象模型OOM
    面向对象模型是利用UML的图形描述系统结构的模型，可以利用PowerDesigner的面向对象模型进行创建。Pow

			
		

	





	

		

			

				
					
用python代码画出一片星空,python满天星绘制流程图

				
			

			

				

					Aq1995的博客
				

				

					06-04
					
					653
					
				

			

		

		

			
				
这里整理了111个数据分析的案例，每一个都进行了严格的筛选，筛选标准如下：1. 有干货：杜绝纯可视化、统计性分析，有一定比例的讲解性文字2. 可跑通：所有代码均经过测试，（大概率）可以一键跑通（因为库包更新，或者链接有效性问题，或多或少会存在个别失效情况）数据集可下载：方便大家下载至本地仔细把玩（如果不行，请看我的另一篇博文）希望这份资料可以帮到大家呀~电商数据分析：只会环比下降3%的数据分析师还有救吗？本文用一个实战案例，与大家共同探讨如何撰写一份有业务价值的分析报告。

			
		

	





	

		

			

				
					
单总线CPU设计(现代时序)(HUST)

				
			

			

				

					weixin_61736930的博客
				

				

					12-05
					
					2956
					
				

			

		

		

			
				
单总线CPU设计(现代时序)(HUST)

			
		

	





	

		

			

				
					
Java学习专栏！全网最牛！

				
			

			

				

					weixin_70730532的博客
				

				

					08-12
					
					2698
					
				

			

		

		

			
				
00254:《SpringCloud Alibaba微服务实战十四 - SpringCloud Gateway集成Oauth2.0》00242:《SpringCloud Alibaba微服务实战二十四 - SpringCloud Gateway的全局异常处理》00251:《SpringCloud Alibaba微服务实战十五 - SpringCloud 容器化部署》00248:《SpringCloud Alibaba微服务实战十八 - Oauth2.0 自定义授权模式》00184:《TCP网络那点破事！..

			
		

	





	

		

			

				
					
用好这 28 个工具，开发效率爆涨｜云效工程师指北

				
			

			

				

					BYvonne的博客
				

				

					03-01
					
					6912
					
				

			

		

		

			
				
用好这28个工具，开发效率爆涨。本文我将主要从Terminal 和 Desktop 2个大类、8个核心开发场景介绍一下我最常使用的效率工具，及如何通过这些工具来提升程序员「幸福感」的实践。

			
		

	





	

		

			

				
					
7-STM32G431RB蓝桥杯

				
			

			

				

					m0_63459888的博客
				

				

					06-10
					
					845
					
				

			

		

		

			
				
CASE（例程自敲-针对lqb）:

前两个电位器是调电压的，后两个是调频率的



每做一次赛题就要重新开始

希望每次重新做一道主观题时，都能重新构建工程->重新编写每个驱动程序->写逻辑层上的代码希望每写一遍，加深一遍记忆。工程建立越熟练越好，基础驱动编写越快越好。

赛前准备：

十四届解读：

客观15%，设计85%
	有机器评审，需要严格按照试题初始要求去做，例如这个如果一开始显示的是PA7,那之后按键的切换顺序就会变的；就会导致没了一定分数的，这是比较可惜的，所以我们一定要严格按照

			
		

	





	

		

			

				
					
【网络安全工程师面试合集】——网络安全基础知识大总结

				
			

			

				

					请大家直接把问题写在评论区或留言，不要只说一句"你好 或 在吗"，我会尽快回复的。
				

				

					11-08
					
					1648
					
				

			

		

		

			
				
目录

2.1.1. 计算机通信网的组成

2.1.2. 通信协议

2.1.3. OSI七层模型

2.1.3.1. 简介

2.1.3.2. 物理层

2.1.3.3. 数据链路层

2.1.3.4. 网络层

2.1.3.5. 传输层

2.1.3.6. 会话层

2.1.3.7. 表示层

2.1.3.8. 应用层

2.1.3.9. 总结

2.1.1. 计算机通信网的组成





计算机网络由通信子网和资源子网组成。其中通信子网负责数据的无差错和有序传递，其处理功能包括差错控制、流量控制、路.

			
		

	





	

		

			

				
					
UML类图与时序图

				
			

			

				

					数据工匠记
				

				

					12-06
					
					5233
					
				

			

		

		

			
				
UML是什么
UML定义：

统一建模语言（Unified Modeling Language，缩写UML）
非专利的第三代建模和规约语言

UML特点：

UML是一种开放方法
用于说明、可视化、构建和编写一个正在开发的、面向对象的、软件密集系统的制品的开放方法
UML展现了一系列最佳工程实践，这些最佳实践在对大规模，复杂系统进行建模方面，特别是在软件架构层次已经被验证有效

在UML2.2中一共定义了14中图示，大体分为三类：

结构式图形：强调的是系统式的建模
行为式图形：强调系统模型中触发的事件
交

			
		

	





	

		

			

				
					
时序图中if else画法

				
			

			

				

					fei33423的专栏
				

				

					06-03
					
					2万+
					
				

			

		

		

			
				
工具:

  visal paradigm 或者 语雀里的plantUml

visualparadigm :  

plantuml:





  




			
		

	





	

		

			

				
					
1024shop 各个微服务 UML时序图

				
			

			

				

					qq_43191127的博客
				

				

					04-06
					
					839
					
				

			

		

		

			
				
登录注册模块
UML初学者，交互图中画法不标准/逻辑有缺陷还望大神门指出。
ps:登录注册中简化了:注册新用户领取无门槛新人券(rpc)。




			
		

	





	

		

			

				
					
JAVA中的MVC三层架构

					
最新发布

				
			

			

				

					楠寻寻的博客
				

				

					10-30
					
					849
					
				

			

		

		

			
				
MVC（Model-View-Controller）是一种软件设计模式，用于将应用程序分为主要的部分：模型（Model）、视图（View）和控制器（Controller）。这种架构有助于提高代码的可维护性和可扩展性。Spring框架通过@Controller@Service和注解清晰地划分了MVC三层架构的各个层次，使得开发人员能够更高效地构建和维护复杂的Web应用。POJO类：用于表示业务实体，通常包含属性和相关的getter/setter方法。DAO类：用于封装对数据库的操作，提供数据访问的接口。

			
		

	





	

		

			

				
					
快速上手 Rust——实用示例

				
			

			

				

					好看资源网的博客
				

				

					10-28
					
					924
					
				

			

		

		

			
				
在本节中，我们通过一系列实用示例展示了 Rust 在文件操作、网络请求、并发编程、命令行工具以及数据库操作等方面的应用。通过这些示例，您可以更好地理解 Rust 的特性，并将其应用于您的项目中。在这一节中，我们将通过一系列实用的示例来帮助您更好地理解 Rust 的特性，并展示如何在实际项目中使用这些特性。以下示例将展示如何编写一个简单的命令行工具，该工具能够接收用户输入并执行基本的文本操作。以下是一个简单的命令行工具，它接受用户输入的字符串并返回字符串的长度和反转结果。在这个示例中，我们将使用。

			
		

	





	

		

			

				
					
ElasticSearch 入门需要了解的概念

				
			

			

				

					TechCraftsman数据库专栏
				

				

					10-26
					
					1179
					
				

			

		

		

			
				
ElasticSearch 入门需要了解的概念

			
		

	





	

		

			

				
					
掌握16条代码规范，成就yyds级编程高手

				
			

			

				

					
				

			

		

		

			
				
"yyds"是网络流行语“永远的神”的缩写，用在这里指的是这些代码规范具有长期的参考价值和实用性。接下来，我们将详细探讨这份资料中可能包含的关键知识点。  首先，这份文档可能会概述一些通用的编程原则，如DRY...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值