asp.net w visual web developer 2008. Ćwiczenia full version.pdf

(15531 KB) Pobierz
888177643.021.png
4
A S P . N E T w V i s u a l W e b D e v e l o p e r 2 0 0 8 • % w i c z e n i a
Rozdzia# 4.
Studium przypadków: strona domowa nauczyciela
103
Dane witryny i konta u%ytkowników
109
Baza danych
111
Autoryzacja
114
Strony nauczyciela
118
Prezentacja ocen
134
Ksi'ga go*ci
136
Rozdzia# 5.
Publikowanie aplikacji ASP.NET
143
Przygotowanie serwera IIS
144
Publikowanie witryn ASP.NET na serwerze IIS
149
2
Praktyka projektowania
stron ASP.NET
Wzorzec strony (master page)
W przypadku witryny zawieraj!cej kilka stron warto pos"u#y$ si% wzor-
cem. Wzorzec (ang. master page ) to zwyk"a strona ASP.NET zapisana
do pliku z rozszerzeniem .master . Wyró#nia j! jednak to, #e zawiera
komponenty ContentPlaceHolder , które rezerwuj! miejsce do wype"nienia
przez strony korzystaj!ce ze wzorca. Poza tym wzorzec mo#e zawiera$
zwyk"e elementy HTML, jak i komponenty ASP.NET.
Wzorzec s"u#y jako szablon pozosta"ych stron projektu. Tworz!c nowe
strony projektu, mo#emy wskaza$ ich wzorzec, a wówczas w widoku
projektowania, zamiast edytowa$ ca"! stron%, b%dziemy edytowa$
jedynie te miejsca, które we wzorcu zosta"y zarezerwowane komponen-
tami ContentPlaceHolder .
W najprostszym przypadku mo#na pos"u#y$ si% wzorcem do ujednoli-
cenia nag"ówków i stopek wszystkich stron witryny — wówczas wzo-
rzec zawiera tylko jeden komponent ContentPlaceHolder . I w"a*nie na
takim przyk"adzie nauczymy si% teraz tworzenia wzorców i korzysta-
nia z nich.
888177643.022.png 888177643.023.png 888177643.024.png 888177643.001.png 888177643.002.png 888177643.003.png 888177643.004.png 888177643.005.png 888177643.006.png 888177643.007.png 888177643.008.png 888177643.009.png 888177643.010.png 888177643.011.png
2 6
A S P . N E T w V i s u a l W e b D e v e l o p e r 2 0 0 8 • % w i c z e n i a
W I C Z E N I E
2.1
Przygotowywanie projektu
Dodanie wzorca do projektu i zastosowanie go w odniesieniu do istnie-
j!cych stron jest mo#liwe, ale wymaga edycji szablonu strony. Od"o-
#ymy to zatem na pó+niej, a teraz utworzymy zupe"nie nowy projekt,
w którym pierwsz! czynno*ci! b%dzie usuni%cie domy*lnie utworzonej
strony Default.aspx . Nast%pnie zdefiniujemy wzorzec i utworzymy
korzystaj!ce z niego strony.
Tworzymy nowy projekt:
1.
z menu File wybieramy New Web Site… ,
a)
zaznaczamy pozycj% ASP.NET Web Site ,
b)
z rozwijanej listy Location wybieramy File System (warto*$
domy*lna),
c)
a z rozwijanej listy Language Visual C# ,
d)
e)
klikamy OK .
Z projektu usuwamy stron% Default.aspx :
2.
zaznaczamy j! w oknie projektu (podokno o nazwie Solution
Explorer ),
a)
rozwijamy menu kontekstowe,
b)
wybieramy z niego polecenie Delete ,
c)
pojawi si% pytanie o potwierdzenie, w którym klikamy
przycisk OK .
d)
To usunie plik strony nie tylko z projektu, ale tak#e z dysku. W tym
miejscu umie*cimy now! wersj% strony o nazwie Default.aspx , ale korzy-
staj!c! ze wzorca. Wcze*niej musimy oczywi*cie przygotowa$ wzorzec.
Nie b%dziemy w tym zbyt wymy*lni — zdefiniujemy prosty nag"ówek
oraz stopk% strony i zadowolimy si% jednym komponentem Content
PlaceHolder .
Nie nale!y myli" usuwania pliku (tak!e z dysku), a wi#c polecenia Delete ,
z usuwaniem pliku z projektu, tj. z poleceniem Exclude From Project .
888177643.012.png 888177643.013.png 888177643.014.png 888177643.015.png 888177643.016.png 888177643.017.png
2 7
R o z d z i a & 2 . • P r a k t y k a p r o j e k t o w a n i a s t r o n A S P . N E T
W I C Z E N I E
2.2
Definiowanie wzorca
W oknie projektu zaznaczamy g"ówn! ga"!+ reprezentuj!c! projekt
ca"ej witryny (a nie katalog App_Data ).
1.
Z menu File wybieramy New File… .
2.
W oknie Add New Item (rysunek 2.1) zaznaczamy pozycj%
Master Page .
3.
Rysunek 2.1. Polecenie dodawania pliku jest czu?e na zaznaczon@ pozycjA
w oknie projektu — aby zobaczyC wszystkie moDliwe rodzaje plików, naleDy
zaznaczyC pozycjA odpowiadaj@c@ ca?emu projektowi
Klikamy Add . Do projektu zostanie dodany nowy plik
MasterPage.master . W edytorze zobaczymy jego kod. Zawiera
on dwa komponenty ContentPlaceHolder : jeden w nag"ówku
(w znaczniku head ), drugi w ciele strony (w znaczniku body ).
My b%dziemy si% teraz interesowa$ przede wszystkim tym drugim.
4.
Przejd+my do widoku projektowania nowej strony (zak"adka
Design w dole okna). Zobaczymy na niej komponent klasy
ContentPlaceHolder — ten zdefiniowany w znaczniku body .
5.
888177643.018.png 888177643.019.png 888177643.020.png
Zgłoś jeśli naruszono regulamin