Moja aplikacja BoardGamesNook jest napisana w C#, korzysta ze wzorca MVC i wykorzystuje framework Angular. Oznacza to, że jest rozdzielona na stronę backendową (logika biznesowa w C#) i frontendową (odpowiedzialną za wyświetlanie danych użytkownikowi). Poniżej widać drzewo solucji głównego projektu. Folder src zawiera pliki typescryptowe do obsługi żądań i htmlowe do wyświetlania danych.

Utworzony w backendzie przykładowy model Gamer

ma swoje odzwierciedlenie w części związanej z frontendem

Póki co obydwa modele się pokrywają, ale docelowo będą się różnić (np. użytkownik nie będzie musiał znać informacji o dacie utworzenia i edycji gracza).

W części backendowej istnieje GamerController, który zawiera 5 metod: Get(), GetAll(), Add(), Edit() i Delete() odpowiedzialne kolejno za zwrócenie informacji o graczu, o liście graczy, a także do dodawania, edycji i usuwania gracza.

Po kliknięciu na odpowiedni przycisk na stronie, wywołuje się odpowiednia metoda z pliku komponentu i odpowiednio zserializowany obiekt lub jego propercje zostają wysłana metodą GET lub POST do kontrolera. Na przykład po kliknięciu ostatniego przycisku z napisem Save wywoła się metoda save() z pliku gamer-detail.component.ts

W metodzie save() widzimy, że zostaje wywołana metoda update() z gamerService:

W metodzie tej wysyłamy w części body zserializowany obiekt gamer żadanie POST przez url „Gamer/Edit”, więc (zgodnie z routingiem) do metody Edit kontrolera Gamer.

Sami widzicie, że połączenie Angulara z MVC nie jest wcale aż tak trudne.

Dalsze plany to utworzenie obiektu Game i połączenie go z obiektem Gamer.