MVC-laboratorium

Model · View · Controller

← Til værktøjerne

Laboratorium · Struktur · Dataflow · Fejlfinding

Følg et klik gennem Model, View og Controller

Brug todo-appen i flere cases: tilføj en opgave, afvis tom input, markér en opgave som færdig, og skift mellem views. Følg hver handling fra brugerfladen til controlleren, videre til modellen og tilbage til viewet.

Din missionPrøv flere brugerhandlinger og find ud af, hvordan modellen husker, viewet viser, og controlleren styrer reaktionen.
M

Model

Gemmer programmets data og ændrer dem gennem tydelige metoder.

V

View

Viser brugerflade, beskeder og opgaver, men bestemmer ikke reglerne.

C

Controller

Modtager brugerhandlinger, validerer input og forbinder Model og View.

App-preview

Todo-app
Tryk på Tilføj for at sende en handling gennem MVC-systemet.

MVC-diagram

Datastrøm
↓ event / ↑ render
↓ ændring / ↑ data

Kode-editor

Python · view
Redigér beskeder, minimumslængde, prioritet og lagerform. Simuleringen aflæser de centrale værdier.

Pointen i niveauet

    Cases, fejlfinding og tests

    Vælg et problem for at se, hvilken MVC-del du bør undersøge først.