Task: Převod designu do pohledů

Pohledy vycházejí z navrhnutého Designu webové aplikace, přičemž by změny vzhledu měly být minimální a odůvodněné.

Při implementaci je důležité dbát na to, aby všechny formuláře a prvky napříč webovou aplikaci byly z hlediska vzhledu konzistentní. V případě že aplikace využívá nějaké hotové komponenty (datová tabulka, galerie atd.), je třeba je také pomocí CSS vhodně stylizovat. Pohledy je vždy důležité zkontrolovat ve všech hlavních prohlížečích (i jejich starších verzích) – každý prohlížeč může stránku jinak vykreslit, nebo dokonce změnit funkčnosti.

Identifikovat použité komponenty

Analýza Designu webových stránek a identifikování jednotlivých komponent. Návrh způsobu realizace těchto komponent v Pohledu. Jedná se všechny prvky použité na webu od vstupních polí, rozbalovacích seznamů, po datové tabulky, grafy, galerie apod.

Návrh layoutu stránek

Layout pomáhá k zachování konzistentního vzhledu napříč pohledy. V tomto kroku je třeba určit, které části webových stránek se budou často opakovat – obecně se jedná o hlavičku, navigaci apod. Z nich se následně vytvoří layout, který bude součástí více pohledů. Výhodou je mimo jiné i snadná úprava – vše je definováno na jednom místě.

Tvorba Pohledů

Následuje samotné vytváření pohledů. To je realizováno kódem HTML a kaskádových stylů. Pro usnadnění je ve frameworku ASP.NET MVC dostupný tzv. Razor engine, umožňující generování HTML na základě C# kódu. Spolu s ním je možné využít i HTML Helpery, díky kterým není třeba psát všechny komponenty ručně.
Pohled obsahuje definované komponenty a statická data. Dynamická data jsou mu předávány ovladačem. Každému pohledu je možné přiřadit jeden model, který reprezentuje typicky nějakou entitu z reálného světa (zákazník, objednávka atd.) a jeho data jsou většinou uložená v databázi. Takto předaná data podléhají silné typové kontrole. Další možností, jak předat pohledu data je dynamická proměnná ViewBag (jejíž data jsou ukládána do slovníku ViewData), která je také předána ovladačem, nicméně do ní lze uložit cokoliv - její kód je vytvářen až po předání dotazu ovladači a není tak třeba předem definovat strukturu.

Ověření na vzorových datech

Aby se dal Pohled považovat za hotový, je třeba v něm zobrazit reálná data. Mnohdy s nimi může stránka vypadat jinak, zároveň se tak doladí různé parametry, aby výsledný produkt vypadal co nejlépe.
V případě, že ještě není vytvořená logika aplikace, je vhodné otestovat Pohled na datech vzorových. V příslušných ovladačích se tak pouze pošlou do Pohledů vzorová data pomocí modelu či ViewBag. Tím se ověří celkový vzhled Pohledu, včetně částí psaných v C#.