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

泳道分组并且着色

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

bash 复制代码
box "浏览器" #LightGreen
participant "浏览器1" as Browser
participant "浏览器2" as Browser2
endbox

participant "服务端" as Server #orange

未修改前:

修改后:

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

bash 复制代码
@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
相关推荐
lipengxs3 天前
写 README/技术方案时被 Ai 生成的 PlantUml/Mermaid 折腾烦了,做了个 预览小工具
ai·预览·plantuml·设计图
吴声子夜歌8 天前
PlantUML——思维导图
思维导图·plantuml
吴声子夜歌8 天前
PlantUML——实体关系图
plantuml·实体关系图
吴声子夜歌9 天前
PlantUML——通用命令
plantuml
吴声子夜歌9 天前
PlantUML——部署图
plantuml·部署图
吴声子夜歌9 天前
PlantUML——活动图新语法
plantuml·活动图
吴声子夜歌10 天前
PlantUML——组件图
plantuml·组件图
吴声子夜歌10 天前
PlantUML——定时图
plantuml·定时图
吴声子夜歌10 天前
PlantUML——状态图
uml·plantuml·状态图
吴声子夜歌11 天前
PlantUML——序列图
uml·plantuml·序列图