目录

微知plantuml在泳道图中如何将多个泳道框起来分组并且设置颜色box-浏览器-LightGreen-endbox

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

泳道分组并且着色

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

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

participant "服务端" as Server #orange

未修改前:

https://i-blog.csdnimg.cn/direct/04a034cf57354180a2ab3ec505b22aac.png

修改后:

效果:可见图中浏览器1和浏览器2放到了一起,并且叫浏览器的title

https://i-blog.csdnimg.cn/direct/5f9495d9f7aa49b596ba78e615f4660b.png

@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