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

发布于:2025-03-06 ⋅ 阅读:(13) ⋅ 点赞:(0)

我们在写详细设计文档的过程中总会不可避免的涉及到时序图或者流程图的绘制,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语言的软件,我这里没有寻找,如果大家找到了,请放到我的留言区,不胜感激

网站公告

今日签到

点亮在社区的每一天
去签到