系统类图

@startuml

' 渲染器相关类
interface Renderer {
  +setStyle(stroke, fill, width)
  +getContext(): Object
  +beginFrame()
  +endFrame()
  +drawCircle(x, y, radius)
  +drawRectangle(x, y, width, height)
  +drawEllipse(x, y, width, height)
  +drawTriangle(x1, y1, x2, y2, x3, y3)
}

class SwingRenderer {
  -Graphics2D g
  +setGraphics(g)
}

class SVGRenderer {
  -StringBuilder svgBuilder
  +getSVG(): String
}

class LegacyRendererAdapter {
  -LegacyRenderer legacyRenderer
}

class RemoteRendererProxy {
  -Renderer realRenderer
  +RemoteRendererProxy(realRenderer)
}

' 图形相关类
interface Shape {
  +draw(renderer)
}

class Circle {
  -int x, y, radius
}

class Rectangle {
  -int x, y, width, height
}

class Triangle {
  -int x1, y1, x2, y2, x3, y3
}

class Ellipse {
  -int x, y, width, height
}

' 工厂模式
interface ShapeFactory {
  +createCircle(x, y, radius): Circle
  +createRectangle(x, y, width, height): Rectangle
  +createTriangle(x1, y1, x2, y2, x3, y3): Triangle
  +createEllipse(x, y, width, height): Ellipse
}

' 命令模式
interface Command {
  +execute()
  +undo()
  +redo()
}

class UndoManager {
  -Stack<Command> undoStack
  -Stack<Command> redoStack
  +executeCommand(cmd)
  +undo()
  +redo()
}

' 观察者模式
interface ShapeObserver {
  +onShapeChanged()
}

class LoggingShapeObserver {
  +onShapeChanged()
}

' 关系定义
Renderer <|-- SwingRenderer
Renderer <|-- SVGRenderer
Renderer <|-- LegacyRendererAdapter
Renderer <|-- RemoteRendererProxy

Shape <|-- Circle
Shape <|-- Rectangle
Shape <|-- Triangle
Shape <|-- Ellipse

LegacyRendererAdapter --> LegacyRenderer
RemoteRendererProxy --> Renderer

ShapeFactory ..> Circle
ShapeFactory ..> Rectangle
ShapeFactory ..> Triangle
ShapeFactory ..> Ellipse

UndoManager --> Command
LoggingShapeObserver ..|> ShapeObserver

@enduml

关键类说明

渲染器相关

• Renderer: 定义统一的渲染接口
• SwingRenderer: 基于Swing的实现
• SVGRenderer: 生成SVG格式输出
• LegacyRendererAdapter: 适配旧版渲染器
• RemoteRendererProxy: 远程渲染代理

图形相关

• Shape: 图形基类接口
• Circle/Rectangle/Triangle/Ellipse: 具体图形实现

设计模式

• ShapeFactory: 工厂模式创建图形
• Command/UndoManager: 命令模式实现撤销重做
• ShapeObserver: 观察者模式通知变化

如何查看图表

1. 安装PlantUML插件(VSCode/IntelliJ等)
2. 或使用在线PlantUML渲染器
3. 将代码复制到编辑器中即可生成图表 # 系统类图文档

@startuml

' 1. 渲染器核心接口和实现
interface Renderer {
  +setStyle(stroke, fill, width)
  +getContext(): Object
  +beginFrame()
  +endFrame()
  +drawCircle(x, y, radius)
  +drawRectangle(x, y, width, height)
  +drawEllipse(x, y, width, height)
  +drawTriangle(x1, y1, x2, y2, x3, y3)
}

class SwingRenderer {
  -Graphics2D graphics
  +setGraphics(g: Graphics2D)
}

class SVGRenderer {
  -StringBuilder svgBuilder
  +getSVG(): String
}

class LegacyRendererAdapter {
  -LegacyRenderer legacyImpl
  +LegacyRendererAdapter(legacy: LegacyRenderer)
}

class RemoteRendererProxy {
  -Renderer realRenderer
  +RemoteRendererProxy(renderer: Renderer)
}

' 2. 图形相关类
interface Shape {
  +draw(renderer: Renderer)
  +move(dx: int, dy: int)
}

class Circle {
  -int x, y, radius
  +getRadius(): int
}

class Rectangle {
  -int x, y, width, height
  +getWidth(): int
  +getHeight(): int
}

class Triangle {
  -int x1, y1, x2, y2, x3, y3
}

class Ellipse {
  -int x, y, width, height
}

' 3. 工厂模式
interface ShapeFactory {
  +createCircle(x, y, radius): Circle
  +createRectangle(x, y, width, height): Rectangle
  +createTriangle(x1, y1, x2, y2, x3, y3): Triangle
  +createEllipse(x, y, width, height): Ellipse
}

' 4. 命令模式
interface Command {
  +execute()
  +undo()
  +redo()
}

class UndoManager {
  -Stack<Command> undoStack
  -Stack<Command> redoStack
  +executeCommand(cmd: Command)
  +undo()
  +redo()
}

' 5. 观察者模式
interface ShapeObserver {
  +onShapeChanged()
}

class LoggingShapeObserver {
  -DateTimeFormatter formatter
  +onShapeChanged()
}

' 6. 关系定义
Renderer <|-- SwingRenderer
Renderer <|-- SVGRenderer
Renderer <|-- LegacyRendererAdapter
Renderer <|-- RemoteRendererProxy

Shape <|-- Circle
Shape <|-- Rectangle
Shape <|-- Triangle
Shape <|-- Ellipse

LegacyRendererAdapter --> LegacyRenderer
RemoteRendererProxy --> Renderer

ShapeFactory ..> Circle
ShapeFactory ..> Rectangle
ShapeFactory ..> Triangle
ShapeFactory ..> Ellipse

UndoManager --> Command
LoggingShapeObserver ..|> ShapeObserver

@enduml

类说明

1. 渲染器相关

• Renderer: 定义统一的渲染接口
• SwingRenderer: 基于Java Swing的实现
• SVGRenderer: 生成SVG格式输出
• LegacyRendererAdapter: 适配旧版渲染器
• RemoteRendererProxy: 远程渲染代理

2. 图形相关

• Shape: 图形基类接口
• Circle: 圆形实现
• Rectangle: 矩形实现
• Triangle: 三角形实现
• Ellipse: 椭圆实现

3. 工厂模式

• ShapeFactory: 图形创建工厂接口

4. 命令模式

• Command: 命令接口
• UndoManager: 撤销/重做管理器

5. 观察者模式

• ShapeObserver: 观察者接口
• LoggingShapeObserver: 日志观察者实现

关键关系说明

1. 实现关系:
   • 所有具体渲染器实现Renderer接口
   • 所有具体图形实现Shape接口
2. 适配关系:
   • LegacyRendererAdapter适配LegacyRenderer到Renderer接口
3. 代理关系:
   • RemoteRendererProxy代理真实的Renderer实现
4. 工厂关系:
   • ShapeFactory负责创建各种图形对象
5. 命令模式:
   • UndoManager管理Command对象的执行历史
6. 观察者模式:
   • LoggingShapeObserver实现ShapeObserver接口

如何使用

1. 安装PlantUML插件(VSCode/IntelliJ等)
2. 将上述代码复制到.puml文件中
3. 使用插件渲染生成类图

# 生成PNG图片
plantuml class-diagram.puml -png

注意：需要先安装PlantUML，在Ubuntu上可以使用sudo apt-get install plantuml