我们在写详细设计文档的过程中总会不可避免的涉及到时序图或者流程图的绘制,viso这个软件大部分技术人员都会使用,但是想要画的好看,画的科学还是比较难的,现在我总结一套比较好的方法可以生成好看科学的viso图(图片格式)。主要思想还是基于大模型,下面将方法梳理出来,希望对家有所帮助。
步骤一
使用大模型(deepseek或者腾讯元宝或sonnet),我使用的是sonnet,将自己的流程图的参与者、流程顺序,按步骤讲清楚,让大模型基于PlantUml,按早PlantUml的格式生成一个格式文本,该文本大模型可以绘制出来,这时候就会生成一个大致的流程图
步骤二
打开浏览器打开网址:Plant server
页面如下所示:
将PlantUml的代码拷贝到上方的框中:
然后将点击提交即可,如果有需要修改的地方则在框图中调整即可。
Plant代码的示例如下:
@startuml
skinparam handwritten false
skinparam backgroundColor white
skinparam sequence {
ArrowColor #2C3E50
LifeLineBorderColor #2C3E50
LifeLineBackgroundColor #ECF0F1
ParticipantBorderColor #2C3E50
ParticipantBackgroundColor #ECF0F1
BoxBorderColor #2C3E50
BoxBackgroundColor #ECF0F1
}participant "前端程序" as frontend
participant "平台应用管理服务\n主程序" as platform
participant "应用模块\n配置数据库" as db' 初始化阶段
platform -> db: 读取应用模块配置信息
db --> platform: 返回配置数据
platform -> platform: 根据配置启动对应模块' 状态监控循环
loop every 0.5 second
platform -> platform: 采集各应用状态信息
note right: - 模块启动状态\n- CPU占用率\n- 内存占用率\n- 自启动状态
end' 前端登录流程
frontend -> frontend: 初始化
frontend -> platform: 发送席位登录请求
platform -> db: 查询席位对应应用列表
db --> platform: 返回应用列表数据
platform --> frontend: 返回席位应用列表
frontend -> frontend: 显示应用列表' 应用操作流程
alt 停止应用
frontend -> platform: 发送停止应用请求
platform -> platform: 执行停止操作
platform --> frontend: 返回操作结果
else 启动应用
frontend -> platform: 发送启动应用请求
platform -> platform: 执行启动操作
platform --> frontend: 返回操作结果
else 设置自启动
frontend -> platform: 发送设置自启动请求
platform -> db: 更新自启动配置
db --> platform: 更新完成
platform --> frontend: 返回操作结果
end@enduml
生成的效果图如下所示:
总结
- 我们要善于利用大模型提高我们的效率
- 这个方案的缺点是生成的是图片,应该还有其他可以直接导入PlantUml语言的软件,我这里没有寻找,如果大家找到了,请放到我的留言区,不胜感激