Exemplarische Vorgehensweise: Erstellen einer Anwendung mithilfe von SQL Server Express und Visual Web Developer 2005 Express

In diesem Szenario wird gezeigt, wie Sie eine einfache ASP .NET-Webanwendung erstellen, die SQL Server 2005 Express Edition (SQL Server Express) verwendet.

Voraussetzungen

• Sie haben SQL Server Express installiert. Weitere Informationen finden Sie unter Installieren von SQL Server Express.
• Sie haben Visual Web Developer 2005 Express Edition installiert. Weitere Infomationen finden Sie unter Visual Web Developer 2005 Express Edition, wo Sie das Produkt auch downloaden können.

Aufgaben

Installieren der Northwind-Datenbank

1. Downloaden Sie die Installationsskripts für die Northwind-Beispieldatenbank von der Northwind-Website.

2. Führen Sie die Datei SQL2000SampleDb.msi aus, die Sie gedownloadet haben. Durch diese Datei werden die Installationsskripts im Ordner C:\SQL Server 2000 Sample Database Scripts installiert.

3. Öffnen Sie nach Abschluss der Installation eine Eingabeaufforderung: Klicken Sie im Startmenü auf Ausführen, geben Sie cmd ein, und klicken Sie dann auf OK.

4. Geben Sie Folgendes an der Eingabeaufforderung ein:

   cd C:\SQL Server 2000 Sample Databases
   

   Drücken Sie anschließend die EINGABETASTE.

5. Geben Sie Folgendes an der Eingabeaufforderung ein:

   sqlcmd -S .\SQLExpress -i instnwnd.sql
   

   Drücken Sie anschließend die EINGABETASTE.

   Vom sqlcmd-Tool erhalten Sie während der Installation der Northwind-Datenbank Angaben zum Status. Nach Abschluss der Installation wird die Kontrolle vom Tool an die Eingabeaufforderung zurückgegeben.

Überprüfen der Installation mithilfe des Dienstprogramms sqlcmd

1. Um die Installation der Datenbank zu überprüfen, geben Sie Folgendes an der Eingabeaufforderung ein:

   sqlcmd -S .\SQLExpress
   

   Drücken Sie anschließend die EINGABETASTE.

2. Geben Sie an der Eingabeaufforderung des sqlcmd-Tools die folgenden drei Befehle ein:

   Use Northwind
   Select name from sys.Tables
   Go
   

3. Daraufhin gibt das sqlcmd-Tool die folgende Ausgabe aus:

   Der Datenbankkontext wurde auf 'Northwind' geändert.

   name

   -----------------------------------------------

   Customers

   Shippers

   Suppliers

   Orders

   Products

   Order Details

   CustomerCustomerDemo

   CustomerDemographics

   Region

   Territories

   EmployeeTerritories

   Employees

   Categories

   (13 Zeilen betroffen)

4. Geben Sie an der Eingabeaufforderung des sqlcmd-Tools die folgenden zwei Befehle ein:

   Select * from Customers

   Go

5. Daraufhin wird eine Liste sämtlicher in der Customers-Tabelle enthaltener Informationen angezeigt. Schließen Sie dieses Eingabeaufforderungsfenster nicht, damit Sie es später innerhalb dieser exemplarischen Vorgehensweise verwenden können.

Erstellen einer neuen Website

1. Öffnen Sie Visual Web Developer 2005 Express Edition.

2. Wählen Sie im Menü Datei die Option Neue Website aus.

3. Wählen Sie eine Entwicklungssprache (Visual Basic, Visual C# oder Visual J#) aus, wählen Sie ASP .NET-Website aus, geben Sie im Feld Speicherort einen Namen und einen Speicherort für die Website an, und klicken Sie dann auf OK. Für dieses Beispiel wird der Name myWebSite verwendet, und die Website wird im Verzeichnis C:\Websites erstellt.

4. Eine neue Website wird von Visual Web Developer 2005 Express erstellt, und die Seite Default.aspx wird in der Quellansicht (HTML) angezeigt.

Hinzufügen von Benutzeroberfläche (User Interface, UI) zu einer Webseite

1. Klicken Sie in der linken unteren Ecke des Bildschirms für den Default.aspx-Code auf Entwerfen.

2. Wählen Sie unter Toolbox die Registerkarte Daten aus.

3. Ziehen Sie von der Registerkarte Daten unter Toolbox ein GridView-Objekt in die Entwurfsansicht von Default.aspx.

Binden der Webseite an die Datenquelle

1. Wählen Sie im Dialogfeld Allgemeine Aufgaben für GridView unter Datenquelle auswählen die Option <Neue Datenquelle> aus. Dieses Dialogfeld wird automatisch angezeigt, wenn Sie der Webseite GridView hinzufügen.

2. Wählen Sie im Dialogfeld Assistent zum Konfigurieren von Datenquellen die Option Datenbank aus, geben Sie MyNwndDataSource als ID ein, und klicken Sie dann auf OK.

3. Klicken Sie im Bildschirm Wählen Sie Ihre Datenverbindung aus auf Neue Verbindung.

4. Wählen Sie unter Datenquellen auswählen Microsoft SQL Server aus.

   1. Wählen Sie .NET Framework-Datenanbieter für SQL Server unter Datenanbieter aus.
   2. Klicken Sie auf Weiter.

5. Geben Sie in Verbindung hinzufügen den Namen des Servers ein, auf dem SQL Server Express installiert ist, gefolgt von einem umgekehrten Schrägstrich (\) und dem Instanznamen. Wenn SQL Server Express beispielsweise am Standardspeicherort, d. h. der benannten Instanz von SQLExpress, und auf demselben Computer wie Visual Studio installiert wurde, sollten Sie entweder Servername\SQLExpress oder .\SQLExpress eingeben.

   1. Wählen Sie Windows-Authentifizierung verwenden aus.
   2. Wählen Sie in der Dropdownliste Wählen Sie einen Datenbanknamen aus, oder geben Sie ihn ein die Datenbank Northwind aus.
   3. Klicken Sie auf Verbindung testen. Ein Dialogfeld wird eingeblendet, in dem die Verbindung bestätigt wird. Klicken Sie auf OK.
   4. Klicken Sie auf OK, um die neue Verbindung zu speichern.

6. Klicken Sie im Fenster Wählen Sie Ihre Datenverbindung aus auf Weiter.

7. Wählen Sie im Dialogfeld Verbindungszeichenfolge in der Anwendungskonfigurationsdatei speichern die Option zum Speichern der Verbindungszeichenfolge aus, und benennen Sie sie mit myNwndConnection. Klicken Sie auf Weiter.

8. Wählen Sie im Fenster Die Select-Anweisung konfigurieren die Daten aus, die Sie in der Anwendung verwenden möchten. Stellen Sie sicher, dass Spalten von einer Tabelle oder Ansicht angeben ausgewählt ist, wählen Sie die Tabelle Customers in der Dropdownliste Name aus, und wählen Sie dann die folgenden Spalten aus:

   1. CustomerID
   2. CompanyName
   3. ContactName
   4. Country
   5. Phone

9. Klicken Sie im Fenster Die Select-Anweisung konfigurieren auf Erweitert. Wählen Sie im Dialogfeld Erweiterte SQL-Generierungsoptionen die Option INSERT-, UPDATE- und DELETE-Anweisungen generieren aus, und klicken Sie dann auf OK.

10. Klicken Sie auf Weiter.

11. Klicken Sie im Fenster Testabfrage auf Testabfrage, um zu bestätigen, dass die richtigen Daten zurückgegeben und im Datenraster angezeigt werden. Klicken Sie auf Fertig stellen.

12. Sie werden zur Entwurfsansicht der Webseite zurückgeleitet. In der GridView werden nun die künftig verwendeten Spalten angezeigt (mit erfundenen Beispieldaten).

Testen der Website

1. Klicken Sie auf Start, oder drücken Sie F5, um die Website im Debugmodus zu erstellen und bereitzustellen. Wenn Sie zum Hinzufügen oder Ändern der Datei Web.config aufgefordert werden, um das Debuggen zu aktivieren, nehmen Sie die dafür erforderliche Auswahl vor, und klicken Sie auf OK.

2. Internet Explorer wird geöffnet, und die Webseite wird angezeigt. Auf der Webseite werden Ihnen GridView und die von Ihnen ausgewählten Daten aus der Northwind-Tabelle angezeigt.

Hinweis:
Wenn die Webseite nicht richtig geladen wird, überprüfen Sie die Proxyeinstellungen des Webbrowsers. Sie sollten so festgelegt sein, dass der Proxyserver für lokale Adressen umgangen wird.

Hinzufügen zusätzlicher Funktionalität zu einer Webseite

1. Schließen Sie Internet Explorer. Der Debugmodus wird von Visual Web Developer 2005 Express Edition beendet und die Kontrolle für die Webseitenentwicklung zurückgegeben.

2. Klicken Sie im Designer einmal auf die GridView. Klicken Sie in der oberen rechten Ecke der GridView auf den kleinen Pfeil, der dort angezeigt wird. Dadurch wird das Dialogfeld GridView-Aufgaben aufgerufen.

3. Klicken Sie auf Autom. Formatierung, wählen Sie das gewünschte Format aus, und klicken Sie auf OK.

4. Klicken Sie auf Neue Spalte hinzufügen.

5. Wählen Sie im Dialogfeld Feld hinzufügen den Feldtyp CommandField aus. Wählen Sie den Schaltflächentyp Schaltfläche aus, und wählen Sie dann Bearbeiten/Aktualisieren aus. Stellen Sie sicher, dass Schaltfläche "Abbrechen" anzeigen ebenfalls aktiviert ist. Klicken Sie auf OK.

6. In der GridView wird nun eine neue Spalte angezeigt, die eine Schaltfläche Bearbeiten enthält.

7. Wählen Sie im Dialogfeld GridView-Aufgaben die Optionen Paging aktivieren und Sortieren aktivieren aus.

Testen der Website

1. Klicken Sie auf Start, oder drücken Sie F5, um die Website erneut zu erstellen.

2. Testen Sie die Spaltensortierung und das Paging auf der Webseite. Durch Klicken auf eine beliebige Spaltenüberschrift können Sie die betreffende Spalte in aufsteigender oder absteigender Folge sortieren.

3. Klicken Sie auf Bearbeiten für eine beliebige Zeile im DataGrid. Beachten Sie, dass Sie die Werte für alle Spalten mit Ausnahme von CustomerID ändern können. Die CustomerID-Spalte ist ein primärer Schlüssel und kann nicht geändert werden.

4. Ändern Sie den Wert für CompanyName in der von Ihnen ausgewählten Zeile, indem Sie einen neuen Wert eingeben. Klicken Sie anschließend für diese Zeile auf Aktualisieren.

   Die von Ihnen vorgenommene Änderung wird in SQL Server Express geschrieben, und GridView wird mit den neuen Informationen aktualisiert.

Überprüfen der Datenbank

1. Geben Sie in den Eingabeaufforderungsfenstern, die bereits geöffnet sind, die folgenden drei Befehle ein:

   Use Northwind
   Select CompanyName from Customers
   Go
   

   Vom Tool sqlcmd werden die Firmennamen zu allen Kunden aufgelistet. Der von Ihnen geänderte Wert für CompanyName sollte angezeigt werden.