1
Bezoekersactie
Je klikt op de knop.
Backend zichtbaar gemaakt
Volg het verzoek doorheen de stack.
Een kleine demo van hoe deze site verbonden is. Eén klik loopt door de UI, API-grens, persistentie, realtime broadcast en live state, zodat de stukken zichtbaar zijn in plaats van alleen beschreven.
Voortgang0/6
2
Angular-frontend
De component roept een getypte service aan en werkt de UI-state bij.
3
ASP.NET Core API
Een minimale endpoint ontvangt de actie en valideert de flow.
4
MySQL-persistentie
Het event wordt opgeslagen zodat de teller herstarts overleeft.
5
SignalR-broadcast
De backend pusht de nieuwe state naar elke verbonden browser.
6
Live UI-update
Elke bezoeker ziet het systeem reageren zonder refresh.
Correlatiewachten-op-simulatie
Het runtime-pad toont waar een request naartoe gaat. Architectuur toont hoe de verantwoordelijkheden rond dat request georganiseerd zijn.
Zelfde request,
andere architectuur.
Dezelfde applicatieactie kan door heel verschillende structuren lopen, afhankelijk van hoe verantwoordelijkheden en afhankelijkheden georganiseerd zijn. Kies een architectuur en volg het request.
Dit zijn verschillende manieren om een applicatie te structureren, geen rangschikking.
scenario
Scenario: een gebruiker dient een request in om een gesprek te boeken.
0/5
Snelheid
Presentatie
01
UI
Triggert de applicatieactie
bv. klikt op “Booking”
02
Controller
Ontvangt het HTTP-request
bv. ontvangt het Booking-request
Applicatie / Business
03
Business Service
Coördineert het businessgedrag
bv. valideert en verwerkt de Booking
Datatoegang
04
Repository
Regelt de toegang tot persistentie
bv. creëert de Booking
Infrastructuur
05
Database
Slaat de applicatiestate op
bv. creatie van de Booking-rij
wordt nu uitgevoerdal uitgevoerd
kernidee
Verantwoordelijkheden worden gegroepeerd in horizontale lagen, waarbij elke laag een specifieke technische zorg afhandelt.
nuttig wanneer
De applicatie is eenvoudig en de afhankelijkheidsgraaf blijft overzichtelijk.
let op
Naarmate de applicatie groeit, kunnen lagen strak gekoppeld raken en kan één bedrijfsflow over meerdere technische lagen verspreid raken.
codestructuur
Eén manier om dit te organiseren
src/
├── Api/
└── Controllers/
├── Application/
└── Services/
├── DataAccess/
└── Repositories/
└── Infrastructure/
└── Database/
beschikbaar voor freelance werk
Boek een momentHulp nodig bij het structureren of ontwarren van een applicatie?
Als je codebase duidelijkere grenzen nodig heeft, een nieuwe applicatieflow, of werk over frontend en backend heen, vertel me waar je aan werkt.