当前位置：首页 > article >正文

【微知】plantuml在泳道图中如何将多个泳道框起来分组并且设置颜色？（box “浏览器“ #LightGreen endbox）

article 2025/3/16 19:23:15

泳道分组并且着色

分组用 box和endbox ，颜色用#xxx，标注用"xxx"

box "浏览器" #LightGreen
participant "浏览器1" as Browser
participant "浏览器2" as Browser2
endbox

participant "服务端" as Server #orange

未修改前：
在这里插入图片描述

修改后：

效果：可见图中浏览器1和浏览器2放到了一起，并且叫浏览器的title
在这里插入图片描述

@startuml

autonumber

actor "用户" as User

box "浏览器" #LightGreen
participant "浏览器1" as Browser
participant "浏览器2" as Browser2
endbox

participant "服务端" as Server #orange

activate User

User -> Browser: 输入 URL
activate Browser

Browser -> Server: 请求服务器
activate Server

Server -> Server: 模板渲染
note right of Server: 这是一个注释

Server -> Browser: 返回 HTML
deactivate Server

Browser --> User

@enduml