Brukergrensesnitt og hoveddokumenter

Et kjennetegn på moderne nettsteder er absolutt oppmerksomhet på detaljer og brukervennlighet av de ulike sidene som skriver dem. For eksempel er nettsteder basert på de mest populære farger og sett av de samme tegnene på hver side og også gir enkel og intuitiv måte å navigere gjennom sidene selv. Resten vil skje litt på alle områder for å få tilgang til alle sider med ulike og vanskelige å bruke, her er dette er hva vi må unngå for våre nettsteder.

Løsningen for å gi sidene et felles utseende og følelsen av et område er å skape en primær klasse hvor alle sidene på nettstedet er utledet. Fordi ASP.NET er basert på en modell fokusert på siden klassen er tilstrekkelig til å gjennomføre en primær side (Side Primary) hvis egenskaper er arvet fra sidene våre nettsider

Alle sidene. ASPX avledet fra den primære side, som igjen stammer fra System.Web.UI.Page. Den primære side avtaler med lasting av de vanlige elementene mellom de ulike sidene og hver enkelt side håndterer resten.

Verktøyene leveres av ASP.NET å oppnå denne typen struktur er den såkalte Master Page. Disse sidene er svært lik en vanlig side av et nettsted og er definert i filer med filtypen. Master.

Et hoveddokument fungerer som en mal og deretter når en bruker navigerer til en side som er avhengig av en malside forespørsler og svar blir filtrert av sistnevnte. ASP.NET kombinerer deretter hoveddokumentet og innhold side (. Aspx) i en enkelt klasse. Når innholdet siden forespørres master siden setter inn i innholdet. ASPX filen i form av en kontroll som er lagt til innsamling av kontrollene på siden.

La oss nå se hvordan man definerer og bruker en malside. Vi starter Visual Studio og opprette et nytt prosjekt av typen Tomt webområde. Legg til et nytt element av typen Master Page i vårt prosjekt

Siden nivå visningen er lik normal webskjemaer sett i tidligere leksjoner og koden generert av Visual Studio er følgende

La meg oppmerksom på at ble lagt til ContentPlaceHolder kontroll som vil bli diskutert senere. For resten av master siden kan tilpasses etter ønske som en vanlig side på nettstedet vårt.

For eksempel, la oss endre body-koden ved å sette en bakgrunnsfarge (bakgrunn) andre

Mesteren siden har nå en grå bakgrunn (# bbbbbb).

La oss legge til et nytt element til vårt prosjekt et webskjema (kaller det Default.aspx), dukker opp i bunnen av Legg til nytt element dialogboksene Velg malsiden

Hvis du klikker OK vene vi presenterte en annen dialogboks der vi kan velge master side for siden du legger til prosjektet (i vårt tilfelle er det bare én)

Hvis vi ser på Default.aspx siden i kategorien Utforming vil vi se at den har samme bakgrunnsfarge hoveddokumentet og denne siden viser at han arvet malen innstillinger.

Dette er koden generert av Visual Studio til Default.aspx siden

i det ser vi sidereferanse MasterPage.master.

På dette punktet kan vi skape alle sidene du ønsker (hver med tilpasset innhold), og vi legger til vår malside. Hvis så vi kommer til å endre innholdet av master siden vil bli oppdatert i en operasjon alle sidene som er avhengige av det.

Åpenbart det som presenteres som en enkel, men antyder potensialet av disse verktøyene, spesielt i områder med kompleks grafikk.

• <<Forrige Leksjon
• Hjelp
• Neste Leksjon>>