快速生成viso流程图图片形式

我们在写详细设计文档的过程中总会不可避免的涉及到时序图或者流程图的绘制,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

生成的效果图如下所示:

总结

  1. 我们要善于利用大模型提高我们的效率
  2. 这个方案的缺点是生成的是图片,应该还有其他可以直接导入PlantUml语言的软件,我这里没有寻找,如果大家找到了,请放到我的留言区,不胜感激
相关推荐
<花开花落>13 天前
AI 辅助生成 Mermaid 流程图
ai·流程图·mermaid·tool
晓华-warm14 天前
Warm-Flow发布1.7.4, 设计器和流程图优化
java·中间件·流程图·组件·flowable·工作流·activities
邪恶马铃薯16 天前
Deepseek+墨刀,1min快速生成流程图!
流程图·墨刀
lgldl16 天前
AI自动生成复杂架构图,流程图,思维导图
人工智能·ai·流程图
蓝爱人16 天前
Vue3中使用 Vue Flow 流程图方法
javascript·vue.js·流程图
打码人的日常分享19 天前
智慧园区建设资料合集(Wordppt原件)
大数据·物联网·流程图·智慧城市·制造
小马爱打代码23 天前
计算机系统设计:E-R图、类图、时序图、功能结构图、流程图、用例图、架构图
流程图
꧁༺摩༒西༻꧂25 天前
DeepSeek生成流程图
流程图
斯内科25 天前
C#使用MindFusion.Diagramming框架绘制流程图(3):加权图的最短路径算法
流程图
向明天乄1 个月前
Maotu流程图编辑器:Vue3项目中的集成实战与自定义流程开发指南
javascript·编辑器·vue·流程图