Brugergrænseflade og mastersider

Et kendetegn for moderne websites er helt sikkert den opmærksomhed for detaljer og brugervenlighed af de forskellige sider, komponere dem. For eksempel er de mest populære sites baseret på mønstre af farver og tegnsæt er identiske i hver side og også give enkel og intuitiv måde at navigere gennem siderne selv. Resten vil ske en lille smule for alle at få adgang til websteder med sider alle forskellige og vanskelige at bruge, her er det er, hvad vi skal undgå for vores hjemmesider.

Løsningen til at give siderne en fælles udseendet og fornemmelsen af ​​et websted er at skabe en skoleklasse, hvor alle de sider stammer. Fordi ASP.NET er baseret på en model med fokus på Page klassen bare for at gennemføre en primær side (Side Primær), hvis egenskaber vil blive arvet fra de sider af vores hjemmeside

Alle sider. ASPX-side stammer fra den primære som igen stammer fra System.Web.UI.Page. Den primære side omhandler lastning af de fælles elementer mellem sider og hver enkelt side håndterer resten.

De værktøjer, som ASP.NET til at oprette denne form for struktur er den såkaldte Master Page. Disse sider er meget lig en typisk side af et websted og er defineret i filer med extension. Master.

En masterside bruges som en skabelon og derefter, når en bruger navigerer til en side, der afhænger af en masterside anmodninger og svar bliver filtreret af sidstnævnte. ASP.NET masterside og derefter kombinerer indholdet side (. Aspx) i en enkelt klasse. Når indholdsside der anmodes om at indsætte mastersiden i filen. ASPX form af en kontrol, der er føjet til samlingen af ​​kontrol på siden.

Lad os nu se, hvordan man definerer og bruger en masterside. Vi starter Visual Studio og skabe et nyt projekt af typen Tomt web-stedet. Tilføj et nyt element af typen Master Page i vores projekt

Den side-niveau visning ligner normale webformularer set i tidligere lektioner, og den kode, der genereres af Visual Studio er følgende

Lad mig opmærksom på, at blev tilføjet til ContentPlaceHolder kontrol, som vil blive drøftet senere. For resten af ​​mastersiden kan tilpasses efter behov som en normal side på vores hjemmeside.

For eksempel, lad os ændre body-tagget ved at sætte en baggrundsfarve (baggrund), bortset

mastersiden nu har en grå baggrund (# bbbbbb).

Lad os tilføje et nyt element til vores projekt en webformular (kald den Default.aspx), kontrol af bund Tilføj Nyt element dialogboksene Vælg masterside

Klik på OK blodåre præsenterede vi en anden dialogboks, hvor vi kan vælge den masterside for den side, du føjer til projektet (i vores tilfælde vil der kun være én)

Hvis vi ser på fanen Design til Default.aspx side vil vi se, at det har samme baggrundsfarve til master side, og det viser, at den side, arver den skabelon indstillinger.

Dette er den kode, der genereres af Visual Studio til Default.aspx siden

i det vi ser sidereferencen MasterPage.master.

På dette punkt kan vi oprette alle de sider, du ønsker (hver med brugerdefineret indhold), og vi tillægger vores masterside. Hvis vi vil ændre indholdet af master side vil blive opdateret på én gang alle de sider, der er afhængige af det.

Tydeligt, hvad der præsenteres som en simpel, men antyder potentialet i disse værktøjer, især på arealer med kompleks grafik.

• <<Forrige lektion
• Indeks til Hjælp
• Næste lektion>>