Uwe. Klappert. Web 2.0 mit ASP.NET 4.0 und AJAX. Praxiseinstieg in die Erstellung interaktiver Websites. inklusive CD-ROM

Transkript

1 Uwe Klappert Web 2.0 mit ASP.NET 4.0 und AJAX Praxiseinstieg in die Erstellung interaktiver Websites inklusive CD-ROM

2 00 Web2_ASP_AJAX.book Seite 3 Mittwoch, 8. September :58 13 Uwe Klappert Web 2.0 mit ASP.NET 4.0 und AJAX Praxiseinstieg in die Erstellung interaktiver Websites

3 00 Web2_ASP_AJAX.book Seite 4 Mittwoch, 8. September :58 13 Bibliografische Information der Deutschen Nationalbibliothek Die Deutsche Nationalbibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über < abrufbar. Bei der Herstellung des Werkes haben wir uns zukunftsbewusst für umweltverträgliche und wiederverwertbare Materialien entschieden. Der Inhalt ist auf elementar chlorfreiem Papier gedruckt. ISBN Auflage kundenbetreuung@hjr-verlag.de Telefon: / Telefax: / mitp, eine Marke der Verlagsgruppe Hüthig Jehle Rehm GmbH Heidelberg, München, Landsberg, Frechen, Hamburg Dieses Werk, einschließlich aller seiner Teile, ist urheberrechtlich geschützt. Jede Verwertung außerhalb der engen Grenzen des Urheberrechtsgesetzes ist ohne Zustimmung des Verlages unzulässig und strafbar. Dies gilt insbesondere für Vervielfältigungen, Übersetzungen, Mikroverfilmungen und die Einspeicherung und Verarbeitung in elektronischen Systemen. Lektorat: Sabine Schulz Sprachkorrektorat: Petra Heubach-Erdmann Satz: III-satz, Husby, Druck: Beltz Druckpartner GmbH und Co. KG, Hemsbach Coverbild: G.K. Fotolia.com

4 00 Web2_ASP_AJAX.book Seite 5 Mittwoch, 8. September :58 13 Einführung Web 2.0 ohne Web 1.0? Der Aufbau des Buches Die Wahl der Programmiersprache Die Zielgruppe des Buches In eigener Sache Teil I Grundlagen AJAX AJAX aus optischer Sicht AJAX aus technischer Sicht Ablaufverfolgung Synchrone Kommunikation Asynchrone Kommunikation Das Herzstück von AJAX XMLHttpRequest-Object Ein Beispiel Auswahlbestätigung XML oder JSON? Frameworks auch für AJAX Prototype script.aculo.us Probleme und Kritik bei AJAX Belastende Anfragen Polling Barrieren durch AJAX Verwendungstauglich? AJAX und Usability Die Sprache zum Ein- und Ausschalten JavaScript »Silverlight-Express« Die Grundlagen von Silverlight WPF(/E) und XAML Die Windows Presentation Foundation (WPF) Ein Code für alle Fälle XAML Ein eigenes Silverlight-Logo

5 00 Web2_ASP_AJAX.book Seite 6 Mittwoch, 8. September : König der Frameworks ASP.NET AJAX Geschichte von ASP.NET AJAX Die AJAX-Produktgruppe Genaueres zu den AJAX-Erweiterungen Das ScriptManager-Steuerelement Das ScriptManagerProxy-Steuerelement UpdatePanel und Co Script-Dienste Bezugsquellen für ASP.NET AJAX Teil II Praxis Der Weg zur eigenen Community Einrichtung der Produktionsumgebung Was auf Ihrem Computer installiert sein sollte Tatsächlich unentbehrlich: das.net-framework Installation und Konfiguration des IIS Ihre Entwicklungsumgebung Standard oder Express? Die Frage der verwendeten Datenbank Veteran im neuen Gewand Microsofts SQL Server Eine Erfolgsgeschichte die Datenbank MySQL und nicht zu vergessen Silverlight Let s start developing Vorbereitungen und vorbereitende Erklärungen Was die Entwicklungsumgebung generiert Bevor es weitergeht IIS oder ASP.NET Development Server? Integration des ASP.NET AJAX Control Toolkits in Visual Studio Implementierung eines Community-Logos Auf der Suche nach einer Assembly Initialisierung von Silverlight Die Datei jshandler.js Die eigentliche Initialisierung Die Datei intro.xaml und der WPF-Designer

6 00 Web2_ASP_AJAX.book Seite 7 Mittwoch, 8. September : Expression Blend im Einsatz ein in XAML beschriebenes Community-Logo Start von Expression Blend 3 und Anpassen des Arbeitsbereichs Änderung der XAML-Deklarationen Vom Logo zur Startseite Eine Tabelle als Schattenspender Das HyperLink-Steuerelement Kontrastprogramm Einrichtung einer Datenbank Erstellen einer SQL-Server-2008-Express-Datenbank Verbindungsaufbau zur SQL-Server Express-Datenbank Einrichtung einer SQL-Server-Compact-3.5-Datenbank (Visual Studio 2010) Verbindung zur SQL-Server-Compact-3.5-Datenbank Einrichtung einer Datenbank auf dem MySQL Server Datenbankverbindung mit Connector ODBC Tabellarisches Tabellen für die SQL-Server-2008-Datenbank (Express- und Compact3.5-Edition) Eine Tabelle Die Tabelle»Buchvorschlag« Die Tabelle»Upload« Die Tabelle»Anzeige« Die Tabelle»Veranstaltungen« Erzeugung der Tabelle auf dem MySQL Server Die Tabelle»users« Die Tabelle»buchvorschlag« Die Tabelle»upload« Die Tabelle»anzeige« Die Masterseite»layout1.master« Das Konzept von Master- und Inhaltsseite Anlegen einer Masterseite und eines Tabellenlayouts Das ContentPlaceHolder-Steuerelement Das Tabellenlayout der Masterseite»layout1.master« Testen der Masterseite»layout1.master«

7 00 Web2_ASP_AJAX.book Seite 8 Mittwoch, 8. September : Dynamisches Aktualisieren der Masterseite»layout1.master« Die Codierung der Refresh-Logik Hinzufügen des»bookalike«-logos zur Masterseite Wiederverwendbar das»bookalike«-logo Integration des Logos mittels Visual Web Developer 2010 Express Integration des»bookalike«-logos mittels Visual Studio Navigationselemente für das Websiteprojekt»ExampleCommunity« Implementierung eines horizontalen Menüs Erstellen der Menüeinträge Implementierung eines vertikalen Menüs Erstellen der Menüeinträge Ressourcen Zweck von Ressourcen Erstellen und Bearbeiten einer globalen Ressourcendatei Hinzufügen einer Ressource vom Typ»Bild« Der Ordner»App_GlobalResources« TextBox- und SubmitButton-Steuerelement für die Sucheingabe Formatierung des TextBox-Steuerelements Wasserzeichen in Zeiten von AJAX TextBoxWatermark-Extender Das Input(Submit)-Steuerelement Konvertierung des Input(Submit)-Steuerelements in ein ASP.NET-Serversteuerelement Validierung der Sucheingabe RequiredFieldValidator Validierung im AJAX-Look ValidatorCallout-Extender Ein Extender von Rang AutoComplete Vorüberlegungen zum Ursprung der Wortvorschläge Der Ort der AutoComplete-Logik: Webdienst Ein Ordner mit Funktion App_Code

8 00 Web2_ASP_AJAX.book Seite 9 Mittwoch, 8. September : Hinzufügen des AutoComplete-Extenders zum TextBox-Steuerelement Eigenschaften des AutoComplete-Extenders Programmierung der AutoComplete-Logik im Webdienst Die Methode bookalike_sg() Wortvorschläge aus einem Array Ein erster Test des AutoComplete-Extenders Wortvorschläge aus der Datenbank Codierung der C#-Routinen (SQL Server 2008) Codierung der C#-Routinen (MySQL Server 6) Ereignisbindung der Flyoutinhalte Erzwungene Bereitstellung der Masterseite»layout1.master«auf dem Server Image- und AdRotator-Steuerelement Hintergrundgestaltung mit dem Image-Steuerelement Image-Steuerelement im Platzhalter ContentPlaceHolder Dynamisches Darstellen von Anzeigen und Grafiken das AdRotator-Steuerelement Programmgesteuerter AdRotator Das AdCreate-Ereignis Anbindung des AdRotator-Steuerelements an eine Datenbank Anbindung des AdRotator-Steuerelements an die SQL-Server-2008-Datenquelle Anbindung des AdRotator-Steuerelements an die MySQL-Server-Datenbank Der Test des AdRotator-Steuerelements unter der Bedingung einer verknüpften Datenquelle Ein Hauch von Personalisierung Masterseiten im Duett Duplizieren von»layout1.master« Einfügen von LinkButton-Steuerelementen Ein Kapitel für sich: Die ASP.NET-Benutzerverwaltung Das Mitgliedschaftssystem Rollen und Benutzer Mitgliedschaftssystem und Datenspeicher

9 00 Web2_ASP_AJAX.book Seite 10 Mittwoch, 8. September : Membership-Provider Membership-API Einrichtung der Mitgliedschaft und der Benutzeranmeldung Das ASP.NET-Websiteverwaltungs-Tool Auswahl der Authentifizierungsmethode Ein wichtiger Zwischenschritt: Anlegen eines neuen Unterverzeichnisses Ein Mitgliedschaftsbenutzer wird erstellt Die ASP.NET-Benutzerverwaltung in Verbindung mit MySQL Role- und MembershipProvider unter MySQL Integration der Connector/Net-eigenen Provider in die Entwicklungsumgebung Einrichtung der ASP.NET-Anmeldesteuerelemente Komplexe Steuerelemente Das Login-Steuerelement Anlegen der Inhaltsseite»Login.aspx« Das Login-Steuerelement und seine Formatierung Die Konvertierung des Login-Steuerelements in eine bearbeitbare Vorlage Preinitialisierungsbehandlung in der Datei»Login.aspx.cs« Das LoginStatus-Steuerelement Hinzufügen eines LoginStatus-Steuerelements zu den Masterseiten Das CreateUserWizard-Steuerelement Das UpdatePanel-Steuerelement im erstmaligen Gebrauch LoginView- und LoginName-Steuerelement Erweiterung der Inhaltsseite»Mainpage.aspx« Test der ASP.NET-Anmeldesteuerelemente Test des CreateUserWizard-Steuerelements Test des LoginView-Steuerelements AnonymousTemplate Test des Login-Steuerelements Test des LoginView-Steuerelements in Verbindung mit dem LoginName-Steuerelement

10 00 Web2_ASP_AJAX.book Seite 11 Mittwoch, 8. September : Upload digitalisierter Buchcover und Profilbilder Eine WebForm-Datei zur Aufnahme des Upload-Formulars Wer darf Dateien auf den Server laden? Einrichtung des Upload-Formulars DropDown- und ListSearch-Extender Die Logik hinter der Datei»Upload.aspx« Test der Datei»Upload.aspx« Editierbare Überschrift und Web-Benutzersteuerelement Anlegen eines Web-Benutzersteuerelements Der schnelle Weg zu einer editierbaren Überschrift Registrierung und Test der Seite»EditHeader.ascx« Automatisches Anzeigen des Aktualisierungsstandes Was das benutzerdefinierte Steuerelement leisten soll Eine Klasse zur Erstellung eines benutzerdefinierten Steuerelements Eine neue Klasse wird dem Webprojekt»ExampleCommunity«hinzugefügt Kompilation des benutzerdefinierten Steuerelements in eine Assembly für das benutzerdefinierte Steuerelement Vom benutzerdefinierten Steuerelement zum Web-Benutzersteuerelement Sie haben Post Zugriff auf den SMTP-Server Konfiguration der Webanwendung»Bookalike«für einen SMTP-Server Das -Formular Anlegen der Inhaltsseite»Kontakt.aspx« Hinzufügen eines UpdatePanel zur Inhaltsseite»Kontakt.aspx« Hinzufügen eines -Formulars zum UpdatePanel Hinzufügen der editierbaren Überschrift zum -Formular Das ValidationSummary-Steuerelement Entwicklung der Programmierlogik

11 00 Web2_ASP_AJAX.book Seite 12 Mittwoch, 8. September : Dynamische Steuerelemente und Trigger Dynamische Steuerelemente PlaceHolder-Steuerelement Trigger Das Szenario Die verwendeten Steuerelemente Der Aufbau der Tabelle Die beteiligten Buttons Anordnung von UpdatePanel und PlaceHolder zwecks Darstellung der Buchcover Anordnung von UpdatePanel und PlaceHolder zwecks Darstellung kurzer Begleittexte Formatierung der Begleittexte Verknüpfung der UpdatePanel mit AsyncPostBackTrigger- Elementen Die Programmierlogik Programmierung der dynamischen Steuerelemente Programmierung der Logik hinter dem schließenden Button Test der Subanwendung Eingabe und Verarbeitung eines Buchvorschlags mit dem DetailsView-Steuerelement Die Inhaltsseite»Buchvorschlag.aspx« Die Tabelle Web-Benutzersteuerelement und UpdatePanel-S teuerelement in einem Abschnitt Hinzufügen eines DetailsView-Steuerelements zur Inhaltsseite»Buchvorschlag.aspx« Datenkopplung SQL Server 2008 Konfiguration der Select- und anderer Anweisungen MySQL Server Konfiguration der Select- und anderer Anweisungen Aufräumarbeiten Optionen im»detailsview-aufgaben«-fenster, in Abhängigkeit von den vorhandenen Datenbankabfragen Validierung durch die Hintertüre InsertItemTemplate

12 00 Web2_ASP_AJAX.book Seite 13 Mittwoch, 8. September : DropDownList- statt TextBox-Steuerelement Der Test des DetailsView-Steuerelements für die Datenquelle SQL Server für die Datenquelle MySQL Server Veröffentlichung des ASP.NET-Websiteprojekts»ExampleCommunity« Bereitstellung des Projekts Das Tool»Website kopieren« Das Tool»Website veröffentlichen« Schlusswort zum Beispielprojekt Teil III Anhänge A ASP.NET A.1 ASP.NET nicht ohne.net-framework A.2.NET aus der Innenperspektive A.2.1 Mehr als Räume voller Namen Namespaces A.2.2 Der Blick in den Spiegel Reflexion A.3 Ein»Probelauf«in ASP.NET A.3.1 Das ASP.NET Page Framework A.4 Das Tor zur Datenbank: ADO.NET A.4.1 Das Klassensystem von ADO.NET A.4.2 Ein»Stück«.NET für ADO.NET Data Provider A.5 Die Qual der Wahl ASP.NET und die Webserver B ASP.NET mit Apache mod_aspdotnet B.1 Der Apache-Webserver B.1.1 Download und Installation des Apache B.2 All Inclusive XAMPP B.2.1 Download und Installation von XAMPP B.3 Frei interpretierbar mod_aspdotnet B.3.1 Wie mod_aspdotnet funktioniert B.3.2 Installation von mod_aspdotnet (Windows-Installer-Paket) B.3.3 Integration von mod_aspdotnet in den Apache-Webserver

13 00 Web2_ASP_AJAX.book Seite 14 Mittwoch, 8. September :58 13 C Konvertierung von C nach Visual Basic (VB) C.1 Kommentare C.2 Datentypen in C#, VB und dem.net-framework C.2.1 Konvertierung von Datentypen C.3 Operatoren C.4 Trennung von Anweisungen C.5 Wie Blöcke eingefasst werden C.6 Deklaration und Initialisierung von Variablen C.7 Verzweigungen C.7.1 If-Statement C.7.2 Case-Anweisung C.8 Arrays C.9 Funktionen und Prozeduren C.9.1 Funktionen C.9.2 Prozeduren C.10 Modifizierer C.11 Deklaration von Eigenschaften C.12 Namensräume und Klassen C.13 Importieren von Namensräumen Stichwortverzeichnis