Kurs WWW ASP.NET. Paweł Rajba.

Wielkość: px

Rozpocząć pokaz od strony:

Download "Kurs WWW ASP.NET. Paweł Rajba. pawel@ii.uni.wroc.pl http://pawel.ii.uni.wroc.pl/"

Adam Jakubowski
8 lat temu
Przeglądów:

1 ASP.NET Paweł Rajba

2 Wprowadzenie Z czego składa się aplikacja w ASP.NET? ASP.NET Web Forms (.aspx) ASP.NET Web services (.asmx) Klas, stron,,code-behind'' (.vb lub.cs) Klas globalnych aplikacji (.asax) Pliku Web.config Wszystko inne typu strony HTML, arkusze CSS, itp

vb lub.cs) Klas globalnych aplikacji (.asax) Pliku Web.

3 Wprowadzenie Po kompilacji dochodzą pliki Project Assembly files (.dll) skompilowane pliki typu,,code-behind'' pliki są umieszczane w katalogu /bin serwisu dla aplikacji tworzony jest jeden taki plik o nazwie NazwaProjektu.dll AssemblyInfo.vb lub AssemblyInfo.cs zawierają informacje o skompilowanym kodzie, typu wersja, atrybuty, itp

serwisu dla aplikacji tworzony jest jeden taki plik o nazwie NazwaProjektu.

4 Wprowadzenie Gdzie to wszystko jest? Kody aplikacji: tam gdzie utworzyliśmy solution i projekty Gotowa aplikacja: C:\Inetpub\wwwroot\Aplikacja\ dostępna pod adresem

$C:\Inetpub\wwwroot\Aplikacja\ dostępna pod$

5 Pierwszy przykład Tworzymy aplikację ASP.NET Web Application Dokładamy tabelkę (Table), dodajemy po dwa wiersze i kolumny, formatujemy Dodajemy ListBox, wstawiamy cztery pozycje i formatujemy Dodajemy Button i formatujemy Kompilujemy projekt, odpalamy IE i oglądamy źródło HTML Zmieniamy pagelayout na Flow i jeszcze raz - 4 -

formatujemy Dodajemy ListBox, wstawiamy cztery pozycje i formatujemy Dodajemy

6 Pierwszy przykład Tworzymy nowy projekt, wybieramy Class Library (dajemy Add to Solution) Przeklejamy kod z pliku p1\classlibrary.cs Wracamy do WebForm, dodajemy referencje do ClassLibrary Do strony HTML dodajemy kod z pliku p1\kodhtml.aspx Kompilujemy i odpalamy IE - 5 -

$strony HTML dodajemy kod z pliku p1\kodhtml.$

7 Pierwszy przykład Przechodzimy do pliku WebForm.aspx.cs, do metody Page_Load i wstawiamy kod Response.Write(""); - 6 -

8 Co to jest? Jest to kombinacja HTMLa, kodu w C# (albo innym języku) i kontrolek Jest przetwarzany po stronie serwera i generuje kod HTML, który jest wysyłany do klienta WebForms mają rozszerzenie.aspx WebForms może się składać z dwóch plików: aspx właściwy form aspx.cs tzw. plik code-behind, zawiera logikę wpierającą form właściwy (będzie o tym później) - 7 -

stronie serwera i generuje kod HTML, który jest wysyłany do klienta WebForms mają

9 Atrybuty strony Składnia Page atrybuty > Atrybuty na początek Language="cs" "vb" (języków jest oczywiście więcej) Codebehind="cos.aspx.cs" ClientTarget="downlevel" dla starszych przeglądarek do poprzedniego przykładu dodać i zobaczyć różnice w wynikowym HTMLu ErrorPage="adres strony w razie błędu" - 8 -

cs" ClientTarget="downlevel" dla starszych przeglądarek do poprzedniego

10 Atrybuty treści <body> pagelayout layout strony Wartości FlowLayout GridLayout Objawia się jako ms_positioning pozostałe atrybuty, np. bodycolor,

11 Atrybuty formularza id identyfikator method to co poprzednio runat= server sedno webforma można w takim formularzu osadzać kontrolki przetwarzane po stronie serwera inna wartość niż server sprawi, że formularz będzie traktowany jako zwykły formularz HTML dane z takiego formularza są wysyłane z powrotem do strony, która go utworzyła

inna wartość niż server sprawi, że formularz będzie traktowany jako zwykły formularz

12 Kontrolki po stronie serwera są to obiekty osadzane w kodzie strony reprezentują pewną funkcjonalność, po przetworzeniu zostaną zamienione na odpowiedni kod HTML i wysłane do klienta kolejną cechą WebForma jest automatyczne dodawanie kontrolki reprezentującej stan formularza funkcjonalność kontrolek jest oprogramowywana w tzw. codebehind, np. to co się stanie po kliknięciu w przycisk lub listę jest obsługiwane przez mechanizm zdarzeń

automatyczne dodawanie kontrolki reprezentującej stan formularza funkcjonalność kontrolek jest oprogramowywana

13 Rodzaje kontrolek Zwykłe kontrolki HTML Kontrolki po stronie serwera Zwykłe kontrolki HTML z atrybutem runat= server Intrinsic controls są to kontrolki odpowiadające zwykłym kontrolkom HTML, np. button, listbox, Validation controls kontrolki pozwalające weryfikować dane wprowadzone przez użytkownika Rich controls bardziej wypasione kontrolki, generujące czasami nawet baaardzo dużo kodu, np. Calendar

button, listbox, Validation controls kontrolki pozwalające weryfikować dane wprowadzone przez

14 Rodzaje kontrolek Kontrolki po stronie serwera List-bound controls kontrolki do prezentacji, sortowania, itd. danych z np. bazy danych Internet Explorer Web controls złożone kontrolki obsługiwane przez IE (i chyba tylko IE) jak np. MultiPage, Toolbar, czy TreeView

bazy danych Internet Explorer Web controls złożone kontrolki

15 Stan formularza stan kontrolek (pary nazwa-wartość) są przekazywane przez automatycznie generowane pole ukryte VIEWSTATE ponieważ przy dużych formularzach może to spowolnić działanie, możliwe jest nastepujące rozw. wyłączyć tworzenie stanu dla całego formularza: Page EnableViewState= false %> natomiast włączyć dla wybranych kontrolek, których stan chcemy przekazywać pomiędzy kolejnymi żądaniami <asp:listbox id= ListName EnableViewState= true runat= server ></asp:listbox>

wyłączyć tworzenie stanu dla całego formularza: <%@ Page EnableViewState= false %> natomiast włączyć dla wybranych

16 Przykładowe kontrolki Intrinsic controls <asp:button> <asp:checkbox> <asp:hyperlink> <asp:image> <asp:imagebutton> <asp:label> <asp:listbox> <asp:panel> <asp:table> <asp:textbox> <input type= submit > <input type= checkbox > <a href=... ></a> <img src=... > <input type= image > <span></span> <select></select> <div></div> <table</table> <input type= text >

<asp:textbox> <input type= submit > <input type= checkbox > <a href=... ></a> <img src=.

17 Przykładowe kontrolki Validation controls CompareValidator dwa wskazane pola muszą mieć takie same wartości CustomValidator wartość musi spełniać zadany warunek np. musi być parzysta RangeValidator wartość musi być w podanym zakresie RegularExpressionValidator wartość musi się dopasowywać do podanego wyrażenia regularnego RequiredFieldValidator wartość pola wymagana ValidationSummary podsumowanie o błędach wypełnienia formularza

musi być parzysta RangeValidator wartość musi być w podanym zakresie RegularExpressionValidator wartość musi

18 Przykładowe kontrolki Rich controls Calendar tworzy ładny kalendarz List-bound controls CheckBoxList tworzy listę checkboxów Repeater tworzy zadany element dla każdego wiersza zbioru danych DataList podobny do repeatera, ale z bardziej rozbudowanym formatowanie (można dane prezentować w postaci tabelki) DataGrid tworzy tabelkę z danymi

każdego wiersza zbioru danych DataList podobny do repeatera, ale z bardziej

19 Używanie kontrolek do weryfikacji,,inputu'' Składnia ogólna <asp:typweryfikatora id= idweryfikatora runat= server ControlToValidate= kontrolkadoweryfikacji ErrorMessage= tekstprzypodsumowaniu Display= static dynamic none Text= tekstwyswietlanyprzezkontrolke EnableClientScript= true false > </asp:typweryfikatora>

kontrolkadoweryfikacji ErrorMessage= tekstprzypodsumowaniu Display= static

20 Używanie kontrolek do weryfikacji,,inputu'' RequiredFieldValidator używamy, jeśli chcemy, żeby użytkownik wypełnił jakieś pola można użyć dodatkowej opcji InitialValue, która sprawi, że niedopuszczalną wartością będzie nie ciąg pusty, ale ta właśnie wartość można też użyć dwóch takich kontrolek jedna blokuje wartość pustą druga blokuje jakąś InitialValue

sprawi, że niedopuszczalną wartością będzie nie ciąg pusty, ale ta właśnie wartość można

21 Używanie kontrolek do weryfikacji,,inputu'' CompareValidator pozwala porównać kontrolkę z wartością, lub dwie kontrolki dodatkowe atrybuty ValueToCompare porównanie będzie do tej wartości ControlToCompare porównanie będzie ze wskazaną kontrolką (w przypadku ustawieniu obu wartości, ta będzie ważniejsza) Type określamy jakiego typu powinny być wprowadzone dane (wybranie typu ma znaczenie, jeśli operator jest DataTypeCheck) Operator określamy rodzaj porównania

22 Używanie kontrolek do weryfikacji,,inputu'' RangeValidator pozwala wymusić, żeby wartości były z podanego zakresu dodatkowe atrybuty MinimumValue określa minimalną wartość dla liczb i minimalną długość napisu dla napisów MaximumValue analogicznie do MinimumValue Type określamy typ

23 Używanie kontrolek do weryfikacji,,inputu'' RegularExpressionValidator sprawdza, czy wartość dopasowuje się do zadanego wyrażenia regularnego wyrażenie regularne można konstruować za pomocą litery, cyfry? powtórzenie 0 lub 1 raz * powtórzenie 0 lub więcej razy + powtórzenie 1 lub więc raz [0-20] zakresy {n} powtórzenie dokładnie n razy alternatywa \w litera, \d cyfra, \. kropka

24 Przykład Tworzymy kontrolki Imię TextBox Nazwisko TextBox Data Urodzenia TextBox Województwo DropDownList Login TextBox Hasło TextBox (tutaj TextMode=Password) Powtórz hasło TextBox Tworzymy odpowiednie weryfikatory

25 Kod aplikacji Kod do WebForma można dodawać jako mieszankę HTML i kodu jako kod w znacznikach SCRIPT, ale również w dokumencie HTML osobnym pliku zwanych codebehind page Przykładowy kod w pliku HTML <asp:button id= btn runat= server /> <SCRIPT Language= c# runat= server > private void btn_click(object sender, System.EventaArgs e) {... }

26 Kod aplikacji Po co jest codebehind page? każdy WebForm może mieć taką stronę pozwala oddzielić kod od designu strona taka może być tylko w jednym wybranym języku Powiązanie WebForm z codebehind poprzez Codebehind="WebForm2.aspx.cs" Inherits="PierwszyPrzyklad.WebForm2" pozwala na dostęp do wszystkich klas i obiektów z codebehind page

27 Kod aplikacji

Podobne dokumenty

Ćwiczenie 8. Kontrolki serwerowe

Ćwiczenie 8. Kontrolki serwerowe Ćwiczenie 8 Temat: Kontrolki serwerowe ASP.NET cz.2 Cel ćwiczenia: W ramach tego ćwiczenie student zapozna się z kolejnymi kontrolkami serwerowymi oraz z metodami ich walidacji, a także z kontrolkami umożliwiającymi