Softwareentwicklung mit .NET Teil 3 ASP.NET Web Forms Dr. Ralph Zeller 1 Web Applikationen  ASP.NET definiert eine Web Applikation als „die Summe aller Dateien, Seiten, Handler, Module und Executables, die in einem bestimmten virtuellen Verzeichnis auf einem Web Server aufgerufen und ausgeführt werden.“ Verteilte Applikationen Präsentation Web Form Internet Middle Tier Datenbank  Web Service 2 Alles begann mit HTML Beispiel 1: HTML Web Form 3 HTML Know how  Online: • http://www.selfhtml.org/ • Elizabeth Castro  Buch: Englisch: Peachpit Press, 2000 Deutsch: Markt und Technik, 2001 4 Alt: Active Server Pages  Was sind ASP? • • Server Side Scripting Datei enthält HTML und Script Code <%@ Language="VBScript" %>

Today's date is <%= Date %>

The current time is <%= Time %>

• • Ausführung durch HTTP Aufruf Script Code wird am Server interpretiert 5 Alt: Active Server Pages  Was kann ich mit ASP machen? • • • • Einfach und schnell Web Applikationen erstellen Web Inhalte dynamisch erzeugen Client Side Scripting zur Validierung Funktionalität durch COM Komponenten erweitern (z.B. Datenbankzugriff) 6 Formulare in ASP Beispiel 2: ASP Darlehensrechner 7 ASP Hypothekar Rechner  method = "post" • • • • Formulardaten werden im HTTP Header übertragen  action = "Hcalc.asp" Weist auf die ASP Seite, die durch drücken von “Berechnen” aufgerufen wird  Postback Scriptobjekte werden automatisch mit den Werten in den Eingabefeldern initialisiert.  Eingabe verschwindet Zustand der Eingabefelder wird nicht am Server gespeichert 8 Formulare in ASP Beispiel 3: ASP Darlehensrechner v2 9 Neu: ASP.NET   Pattform für Web Applikationen Neues Ausführungsmodell Web Client IIS ASP.NET Applikationen .NET Framework Betriebssystem 10 ASP.NET Konzept    Trennung von UI und Programmcode Basiert auf .NET Framework Code wird beim ersten Aufruf einer Seite compiliert Zustandsmanagement Mehrer Programmiersprachen können verwendet werden    Dateiupdate bei laufenden Serverbetrieb 11 WebControls Beispiel 4: ASP.NET Darlehensrechner 12 ASP.NET Darleh.rechner  Web Controls ersetzen Tags • • Web Controls laufen am Server (RunAt = "server") Server Side Scripts können Web Controls durch ihre ID direkt referenzieren (ID = "Kapital")  C# Script • • • Verbindung zum Script über OnClick Attribut Input Daten werden direkt aus Web Control gelesen Output wird an ein Label Control übergeben  Tag hat kein Methoden oder Action Attribut Kein extra Code für Postback 13  ASP.NET Anwendungen  Eine Anwendung besteht aus • • • ASP.NET Pages • .aspx Files mit WebForms • .cs, .vb, … Files mit Code Komponenten (Assemblies) Konfigurationsdateien • web.config • global.asax  Sämtliche Elemente einer Anwendung müssen sich in einem Verzeichnis befinden 14 Aufbau einer Anwendung C:\Inetpub\wwwroot \MyApp1 \MyApp2 rc1.aspx rc2.aspx \bin am1.aspx global.asax web.config web.config assembly1.dll assembly2.dll 15 Konfiguration  App Settings • • Datei web.config im root-Verzeichnis globale Standardeinstellungen, die für alle ASP.NET Anwendungen gelten, befinden sich in folgender Datei • \Windows\Microsoft.NET\Framework\\ config\machine.config  App Events • Datei global.asax im root-Verzeichnis 16 Events  Events strukturieren Programmablauf • • Vereinfacht die Organisation des Codes Vermeidet Spagetticode  Code kann auf Page Events reagieren • • • • Page_Load Page_Unload  Code kann auf Control Events reagieren Button1_Click Textbox1_Changed 17 Event Modell  Client feuert Event – Server verarbeitet Event Web Client Event Aufruf Event Handler Event Message Server Parse Message Event Handler Antwort  Verbindung zwischen Event und Handler durch "On" vor Eventnamen und Verwendung als Attribut // ListBox ruft bei jeder Änderung SelectedIndexChanged auf 18 Lebenszyklus einer Seite Page_Load Textbox1_Changed Control Events 1. Change Events 2. Action Events Button1_Click Page_Unload 19 Page_Load Event  Wird bei jeder neuen Instanz der Seite ausgelöst • • Alle Input Werte sind bereits vorhanden Noch keine Ausgabe an den Client erfolgt 20 Code und Daten trennen Code-behind  Code innerhalb der