HomeDiagramsClass diagramClass: MVC Architecture

Class: MVC Architecture

Model-View-Controller pattern showing relationships between layers.

class-mvc-architecture.mmd
classDiagram
  class Model {
    -data Map
    +getData() Map
    +setData(key, val) void
    +notify() void
  }
  class View {
    -model Model
    +render() void
    +update() void
  }
  class Controller {
    -model Model
    -view View
    +handleInput(event) void
    +updateModel(data) void
  }
  Controller --> Model : updates
  Controller --> View : refreshes
  View --> Model : reads
  Model ..> View : notifies
Output
Class diagram, Zombie Mermaid Model - data Map + getData(): Map + setData(key, val): void + notify(): void View - model Model + render(): void + update(): void Controller - model Model - view View + handleInput(event): void + updateModel(data): void updates refreshes reads notifies

More Class diagram examples

Class diagram, Zombie Mermaid Animal + String name + int age + eat(): void + sleep(): void
Class: Basic Class
Class diagram, Zombie Mermaid User + String name - String password # int internalId ~ String packageField + login(): bool - hashPassword(): String # validate(): void ~ notify(): void
Class: Visibility Markers
Class diagram, Zombie Mermaid <<interface>> Serializable + serialize(): String + deserialize(data): void
Class: Interface Annotation
Class diagram, Zombie Mermaid <<abstract>> Shape + String color + area(): double + draw(): void
Class: Abstract Annotation
Class diagram, Zombie Mermaid <<enumeration>> Status ACTIVE INACTIVE PENDING DELETED
Class: Enum Annotation
Class diagram, Zombie Mermaid Animal + String name + eat(): void Dog + String breed + bark(): void Cat + bool isIndoor + meow(): void
Class: Inheritance (<|--)