1 Tworzenie ASP.NET Web Form

2 Przegląd Tworzenie stron typu Web FormsWykorzystanie kontrolek serwerowych

3 Tworzenie stron typu Web FormsCo to jest Web Form? Tworzenie Web Form przy pomocy Visual Studio .NET

4 Co to jest Web Form? Plik z rozszerzeniem .aspx Atrybut Page Body FormPage Language="vb" Codebehind="WebForm1.aspx.vb" SmartNavigation="true"%>

5 Tworzenie Web Form przy pomocy Visual Studio .NETNowa aplikacja ASP.NET Web domyślnie tworzy stronę: WebForm1.aspx Solution Explorer – narzędzie do tworzenia dodatkowych stron Web Forms Upgrade istniejących stron HTML do postaci Web Forms

6 Wykorzystanie kontrolek typu Server ControlsCo to jest kontrolka typu Server Control? Typy kontrolek serwerowych Zapamiętywanie stanu (View State) Demonstracja: Konwersja kontrolek HTML do postaci Server Controls HTML Server Controls Web Server Controls Identyfikacja HTML generowanego przez Web Server Controls Demonstracja: Dodawanie Server Controls do strony Web Form

7 Co to jest kontrolka typu Server Control? Text="Submit"/> Runat="server" Zdarzenie generowane jest na serwerze Zapamiętywany jest stan kontrolek Posiadają wbudowaną funkcjonalność Wspólny model obiektowy Atrybuty Id i Text Tworzą kod HTML zależny od przeglądarki

8 Typy Server Controls Kontrolki serwerowe HTML Kontrolki serwerowe WebIntrinsic controls Validation controls Rich controls List-bound controls Internet Explorer Web controls

9 Zapamiętywanie stanu kontrolki (View State)ukryty element formularza Może dotyczyć całej strony Web Form lub wybranego elementu Page EnableViewState="False" %>

10 Demonstracja: Konwersja kontrolek HTML do postaci Server ControlsDodawanie kontrolek typu Web server Korzystanie z mechanizmu SmartNavigation

11

12 HTML Server Controls Oparte o elementy HTMLZdefiniowane w przestrzeni nazw System.Web.UI.HtmlControls

13 Web Server Controls Zdefiniowane w przestrzeni nazw System.Web.UI.WebControls Kontrola syntaktyki Generują kod HTML runat="server">Text_to_Display value="Text_to_Display" Id="TextBox1"/>

14 Wybór właściwego typu kontrolekUżywaj HTML Server Controls jeżeli: Używaj Web Server Controls jeżeli: Preferujesz model obiektów języka HTML Preferujesz programowanie w języku HTML Visual Basic lub C# Chcesz szybko dodać funkcjonalność ASP.NET do istniejących stron HTML YTworzona strona może być wykorzystywana przez wiele typów przeglądarek Kontrolka współdziała ze skryptami serwerowymi i klienckimi Potrzebuje specyficznej funkcjonalności takiej jak kalendarz czy rotator Pojemność kanału transmisji jest ograniczona Pojemność kanału transmisji nie jest problemem

15 Moduł 5: Tworzenie kodu Microsoft ASP.NET Web Form

16 Przegląd Wykorzystanie mechanizmu Code-Behind PagesDodawanie procedur obsługujących zdarzenia generowane przez Web Server Controls Wykorzystanie zdarzeń strony (Page Events)

17 Wykorzystanie mechanizmu Code-Behind PagesJak wprowadzać kod źródłowy programu? Tworzenie kodu Inline Czym jest mechanizm Code-Behind Pages? Jak działa mechanizm Code-Behind Pages?

18 Jak wprowadzać kod źródłowy programu?Trzy metody dodawania kodu źródłowego: file as content (mixed) inline code – umieszczanie kodu w osobnej sekcji w pliku code-behind pages – umieszczanie kodu w osobnym pliku Mechanizm Code-behind jest stosowany domyślnie przez Visual Studio .NET

19 Tworzenie kodu Inline Kod źródłowy programu i treści w tym samym plikuOsobna sekcja dla kodu i osobna dla HTML { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://slideplayer.pl/410345/1/images/19/Tworzenie+kodu+Inline+Kod+%C5%BAr%C3%B3d%C5%82owy+programu+i+tre%C5%9Bci+w+tym+samym+pliku.jpg", "name": "Tworzenie kodu Inline Kod źródłowy programu i treści w tym samym pliku", "description": "Osobna sekcja dla kodu i osobna dla HTML. Sub btn_Click(s As Object, e As EventArgs) Handles btn.Click. ... End Sub.

20 Czym jest mechanizm Code-Behind Pages?Odseparowanie kodu programu od treści strony Programiści i projektanci interfejsu użytkownika mogą pracować niezależnie od siebie Jeden plik Osobne pliki kod kod Form1.aspx.vb lub Form1.aspx.cs Form1.aspx Form1.aspx

21 Jak działa mechanizm Code-Behind Pages?Tworzone są osobne pliki z definicją interfejsu użytkownika i osobny dla logiki jego działania Page łączy te pliki w logiczną całość Korzystamy z kompilacji wstępnej bądź JIT Page1.aspx Page Language="c#" Inherits="Project.WebForm1" Codebehind="Page1.aspx.cs" Src = "Page1.aspx.cs" %> Page1.aspx.cs public class WebForm1 { private void cmd1_Click() { … }

22 Tworzenie procedury obsługi zdarzenia dla kontrolki typu Web Server ControlsCo to jest procedura obsługi zdarzenia? Wykorzystanie zdarzeń Procedura obsługi zdarzenia po stronie klienta Procedura obsługi zdarzenia po stronie serwera Multimedia: Zdarzenia typu Client-Side i Server-Side Tworzenie procedur obsługi zdarzenia Interakcja pomiędzy kontrolkami

23 Co to jest procedura obsługi zdarzenia?Działanie wykonywane w odpowiedzi na interakcję użytkownika z kontrolkami na stronie

24 Procedury obsługi zdarzeń typu Client-SideUżywane zwykle jedynie z kontrolkami HTML Interpretowane przez przeglądarkę po stronie klienta Brak dostępu do zasobów serwera Korzystają z