Interfejs użytkownika i strony wzorcowe

Charakterystyczną cechą nowoczesnych stron internetowych jest z pewnością uwagę na szczegóły i łatwości korzystania z różnych stron, które składają się nimi. Na przykład, najbardziej popularnych witryn w oparciu o wzorce kolorów i zestawów znaków są identyczne na każdej stronie i także prosty i intuicyjny sposób nawigowania po stronach siebie. Reszta będzie się trochę dla wszystkich dostęp do stron z różnych stron wszystkich i trudne do wykorzystania, o to jest to czego należy unikać na naszych stronach.

Rozwiązanie daje stronach wspólnej wygląd strony jest stworzenie klasy głównej, z której wywodzą się wszystkie strony. Ponieważ ASP.NET opiera się na modelu koncentruje się na klasy Strona tylko do realizacji podstawowych (Strona podstawowa), których właściwości są dziedziczone z Nasze strony

Wszystkie strony. Aspx pochodzi od pierwotnej, które z kolei wywodzi się z System.Web.UI.Page. Podstawowym oferty stronę załadunku elementów wspólnych między stronami i każdej stronie jednego zajmie się resztą.

Narzędzi dostarczonych przez ASP.NET do tworzenia tego typu konstrukcji jest tzw Master Page. Strony te są bardzo podobne do typowych stronie witryny i są zdefiniowane w plikach z rozszerzeniem. Mistrza.

Strona wzorcowa jest używany jako szablon, a następnie, gdy użytkownik przejdzie na stronę, która zależy od żądania strony wzorcowej i odpowiedzi są filtrowane przez nią. ASP.NET pana strony, a następnie łączy strony zawartości (. Aspx) w jednej klasie. Gdy strona zawartości jest wymagane dodanie strony wzorcowej w pliku. Aspx formie kontroli, które jest dodawane do kolekcji kontrolek na stronie.

Zobaczmy teraz, jak definiować i używać strony wzorcowej. Zaczynamy Visual Studio i utworzyć nowy projekt typu Pusta witryna sieci Web. Dodaj nowy element strony wzorcowej typu w naszym projekcie

Poziomie strony jest podobny do normalnego internetowych form zobaczyć w poprzednich lekcji i kod generowany przez Visual Studio jest następujący

Pozwolę sobie zauważyć, że dodano do kontroli ContentPlaceHolder które zostaną omówione później. Dla reszty strony wzorcowej można dostosować do woli, jak zwykłej strony na naszej stronie.

Na przykład zmieńmy tag ciała poprzez ustawienie koloru tła (background), inne niż

strona wzorcowa ma teraz szare tło (# bbbbbb).

Dodajmy nowy element do naszego projektu formularz internetowy (nazwijmy go Default.aspx), sprawdzanie dole Dodaj pola Okno dialogowe Nowa pozycja Wybierz stronę wzorcową

Kliknij przycisk OK, żyły zaprezentowaliśmy innym dialogowe, w którym możemy wybrać stronę wzorcową dla strony, którą dodajemy do projektu (w naszym przypadku będzie tylko jeden)

Jeśli spojrzymy na karcie Projekt w stronę Default.aspx widzimy, że jest to ten sam kolor tła dla strony wzorcowej, a to pokazuje, że strona dziedziczy ustawienia szablonu.

Jest to kod wygenerowany przez Visual Studio do strony Default.aspx

w nim widzimy MasterPage.master odniesienie do strony.

W tym miejscu możemy stworzyć wszystkie strony, które chcesz (każdy z własną treść) i przywiązujemy do naszej strony wzorcowej. Jeśli więc mamy zamiar zmienić zawartość strony wzorcowej zostanie zaktualizowany w jednym kroku wszystkie strony, które od niego zależą.

Oczywiście to, co jest przedstawiane jako proste, ale sugeruje, że potencjał tych narzędzi, zwłaszcza w miejscach o złożonej grafiki.

• <<Poprzedni Lekcja
• Indeks pomocy
• Następny wykład>>