Bevezetés

A tanfolyam elején már röviden beszéltünk a nézetek (Views) helyéről az MVC struktúrában, és hozzá is adtunk egyet projektünkhöz. Ezzel láttuk milyenek és miért felelősek, amolyan bemelegítés és példa gyanánt. Ebben a fejezetben részletesebben vesszük a nézeteket, ezzel a cikkel kezdve, amiben pedig a nézetek alapelveit taglaljuk.

Mi a nézet?

Amíg a vezérlő a backend és a frontend közti kapcsolatot szolgáltatja, a nézet a vezérlőakciók eredménye. Bármikor amikor a felhasználónak valamit meg szeretnél jeleníteni, márpedig webalkalmazás fejlesztésekor általában ezt szeretnéd, akkor azt egy nézetben teszed. A nézet markupot (HTML-t) és Razor kódot tartalmaz, és gyakran egy modell vizuális leképezésére szolgál. Más szavakkal: a vezérlő generál egy modell objektumot, amit egy nézetnek ad, ami aztán a modellnek a segítségével tartalmat jelenít meg a felhasználónak.

Ez egyelőre elég elvontnak tűnhet, főleg, ha még nem láttad a rendszert működés közben - ebben az esetben azt ajánlom, lépj vissza a tanfolyam elejére, ahol egy modellt (Model), egy nézetet (View), és egy vezérlőt (Controller) adunk egy projekthez. Ott láthatod, hogyan is dolgoznak ezek a komponensek együtt.

Egy nézet alapvetően egy HTML fájl amiben lehetséges Razor kódot is írni. Ezt az extra lehetőséget jelzendő a .cshtml kiterjesztést használják , és ahogy már a Razorrel foglalkozó fejezetben láthattad, könnyű is a HTML-t és a Razor kódot kombinálni.

Hova kerülnek a nézetek?

A nézet fájlok általában egy Views nevű könyvtárba kerülnek, az MVC projekt gyökérkönyvtárába. Hogy megkönnyítsd a .NET keretrendszer és vezérlőid munkáját, ebben a könyvtárban alkönyvtárakat csinálsz, melyeket mind a vezérlőid után nevezel el. Így ha van például egy HomeController és egy ProductController vezérlőd, akkor a Views könyvtárban két alkönyvtár is lehet, "Home" és "Product". Ezekbe a könyvtárakba kerülnek végül a vezérlőid akcióihoz kötődő nézetek. Az egész szerkezet így néz ki a Solution Explorerben:

Ha ezeket betartod, akkor a .NET keretrendszer automatikusan megtalálja a megfelelő nézetet, a View Discovery nevű folyamat segítségével. Ezt a folyamatot a következő cikkben fogjuk áttekinteni.

Összefoglalás

A nézet a modell vizuális reprezentációja, amit egy vezérlő juttat el a végfelhasználónak. HTML-t és Razor kódot tartalmaz, ezeket képzi le olyan valamivé, amit egy böngésző megért. A következő pár cikkben mélyebben beleásunk a nézetek témakörébe.