Užívateľské rozhranie a stránky

Hallmark moderných webových stránok je určite dôraz na detail a jednoduchosť používania rôznych stránok, ktoré tvoria nich. Napríklad, sú stránky, na základe najpopulárnejších farieb a súbory rovnaké znaky na každej stránke, a tiež jednoduché a intuitívne spôsob navigácie po stránkach sami. Zvyšok sa stane niečo na všetkých miestach, mať prístup do všetkých strán s rôznymi a ťažké používať, tu je to je to, čo sa musí vyhýbať na našich stránkach.

Riešenie dať na stránky jednotný vzhľad a dojem z webu je vytvoriť základné triedy, z ktorej sú odvodené všetky stránky webu. Vzhľadom k tomu, ASP.NET je založený na model zameraný na stránky triedy je dostačujúca pre realizáciu primárnej (strana primárne), ktorého vlastnosti sú prevzaté zo stránok našich webových stránok

Všetky stránky. ASPX z hlavnej stránky, ktorý podľa poradia pochádza z System.Web.UI.Page. Primárna strana zaoberá zaťaženie spoločných prvkov medzi rôznymi stránkami a každá strana sa zaoberá zvyšok.

Nástrojov, ktoré zaisťujú ASP.NET na dosiahnutie tohto typu konštrukcie je tzv stránke predlohy. Tieto stránky sú veľmi podobné typickým stránku webu a sú definované v súboroch s príponou. Master.

Majster stránka slúži ako vzor a potom, keď používateľ prejde na stránku, ktorá je závislá na stránke predlohy požiadaviek a odpovede sú filtrované ním. ASP.NET potom spája hlavnej stránky a obsah stránok (. Aspx) v jednej triede. Ak je žiadosť obsah stránky stránku predlohy vložiť do obsahu. ASPX súboru v podobe ovládacieho prvku, ktorý je pridaný do kolekcie ovládacích prvkov na stránke.

Pozrime sa teraz, ako definovať a použiť stránku predlohy. Začíname Visual Studio a vytvorte nový projekt typu Prázdny web. Pridať nový prvok stránky typu Master v našom projekte

Na úrovni stránky pohľad je podobný bežné textové ako v predchádzajúcich lekcií a kód vygenerovaný Visual Studio je nasledovné

Dovoľte mi, aby som na vedomie, že bol pridaný do ContentPlaceHolder kontroly, ktoré budú opísané ďalej. Pre ostatné hlavnej stránke je možné upraviť podľa želania ako normálny stránku, na našich stránkach.

Pre príklad si môžu tento subjekt zmeniť značku nastavením farby pozadia (background) iné

hlavná stránka teraz má sivé pozadie (# bbbbbb).

Poďme pridať nový prvok nášho projektu webového formulára (hovoria Default.aspx), objavujú sa v dolnej časti okna položku Pridať nový dialóg Vybrať stránku predlohy

Kliknutím na tlačidlo OK žily sme predstavili ďalšie dialógové okno, v ktorom môžeme zvoliť hlavná strana sa pridávate k projektu (v našom prípade je tam len jeden)

Ak sa pozrieme na stránky Default.aspx na karte Návrh uvidíme, že to má rovnakú farbu pozadia hlavnej stránky a stránky ukazuje, že zdedil nastavenie šablóny.

Jedná sa o kód vygenerovaný Visual Studio na stránku Default.aspx

v ňom vidíme strán MasterPage.master.

Na tomto mieste si môžete vytvoriť všetky stránky, ktoré chcete (každý s vlastnou obsah) a dávame na naše stránky predlohy. Ak teda budeme meniť obsah hlavnej stránky budú aktualizované v jednej operácii všetky stránky, ktoré na nej závisí.

Jasne, čo je prezentované ako jednoduchý, ale naznačuje, že potenciál týchto nástrojov, a to najmä v miestach so zložitou grafiku.

• <<Predchádzajúci lekcie
• Nápoveda Index
• Ďalšia lekcia>>