Procédure pas à pas : création d'une application à l'aide de SQL Server Express et Visual Web Developer 2005 Express

  • Article

[Cette rubrique est une documentation préliminaire susceptible d'être modifiée dans les versions ultérieures. Les rubriques vierges sont incluses comme espaces réservés.]

[Tout ou partie du contenu de cette rubrique peut ne pas s'appliquer à cette version et est susceptible d'être modifié. Consultez à nouveau cette rubrique ultérieurement pour obtenir les informations les plus récentes.]

Ce scénario montre comment créer une application Web ASP.NET simple qui utilise SQL Server 2005 Express Edition (SQL Server Express).

Configuration préalable

  • Vous avez installé SQL Server Express.
  • Vous avez installé Visual Web Developer Express Edition. Pour plus d'informations et pour télécharger le produit, consultez Visual Web Developer Express Edition.

Tâches

Pour installer la base de données Northwind

  1. Téléchargez les scripts d'installation pour l'exemple de base de données Northwind à partir du site Web Northwind.

  2. Exécutez le fichier SQL2000SampleDb.msi que vous avez téléchargé. Il installe les scripts d'installation dans le dossier C:\SQL Server 2000 Sample Databases.

  3. Lorsque l'installation est terminée, ouvrez une invite de commandes : dans le menu Démarrer, cliquez sur Exécuter, tapez cmd, puis cliquez sur OK.

  4. À l'invite de commandes, tapez :

    cd C:\SQL Server 2000 Sample Databases

    et appuyez sur ENTRÉE.

  5. À l'invite de commandes, tapez :

    sqlcmd -S .\SQLExpress -i instnwnd.sql

    et appuyez sur ENTRÉE.

    L'outil sqlcmd indique sa progression pendant l'installation de la base de données Northwind puis redonne le contrôle à l'invite de commandes.

Pour vérifier l'installation au moyen de l'utilitaire sqlcmd

  1. Pour vérifier l'installation de la base de données, tapez la commande suivante à partir de l'invite de commandes :

    sqlcmd -S .\SQLExpress

    et appuyez sur ENTRÉE.

  2. À partir de l'invite de commandes de l'outil sqlcmd, tapez les trois commandes suivantes :

    Use Northwind
Select name from sys.Tables
Go

  3. L'outil sqlcmd affiche ce résultat :

    Le contexte de la base de données a été modifié et correspond à présent à 'Northwind'.

    name

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

    Customers

    Shippers

    Suppliers

    Orders

    Products

    Order Details

    CustomerCustomerDemo

    CustomerDemographics

    Region

    Territories

    EmployeeTerritories

    Employees

    Categories

    (13 rows affected)

  4. À partir de l'invite de commandes de l'outil sqlcmd, tapez les deux commandes suivantes :

    Select * from Customers

    Go

  5. La liste de toutes les informations de la table Customers s'affiche. Laissez cette fenêtre d'invite de commandes ouverte ; vous la réutiliserez au cours de cette procédure pas à pas.

Pour créer un nouveau site Web

  1. Ouvrez Visual Web Developer Express Edition.

  2. Dans le menu Fichier, choisissez Nouveau site Web.

  3. Sélectionnez un langage pour le développement (Visual Basic, Visual C# ou Visual J#), sélectionnez Site Web ASP .NET, indiquez un nom et un emplacement pour le site Web dans la zone Emplacement, puis cliquez sur OK. Pour cet exemple, le nom myWebSite, créé dans le répertoire C:\Websites, est utilisé.

  4. Visual Web Developer 2005 Express crée un nouveau site Web et affiche la page Default.aspx en mode HTML (source).

Pour ajouter une interface utilisateur à la page Web

  1. Cliquez sur Design dans l'angle inférieur gauche de l'écran du code Default.aspx.

  2. Dans la Boîte à outils, sélectionnez l'onglet Données.

  3. Dans l'onglet Données de la Boîte à outils, faites glisser un objet GridView dans le mode concepteur de Default.aspx.

Pour lier la page Web à la source de données

  1. Dans la boîte de dialogue GridView Tâches, qui s'affiche automatiquement lorsque vous ajoutez l'objet GridView à la page Web, sous Choisir la source de données, sélectionnez <nouvelle source de données>.

  2. Dans la boîte de dialogue Configuration de source de données, choisissez Base de données, tapez MyNwndDataSource comme ID, puis cliquez sur OK.

  3. Dans l'écran Choisir votre connexion de données, cliquez sur Nouvelle.

  4. Dans Choisir la source de données, sélectionnez Microsoft SQL Server.

    1. Sous Fournisseur de données, sélectionnez Fournisseur de données .NET Framework pour SQL Server.
    2. Cliquez sur Continuer.

  5. Dans Ajouter une connexion, tapez le nom du serveur où est installé SQL Server Express, suivi d'une barre oblique inverse (\) et du nom de l'instance. Par exemple, si SQL Server Express est installé à l'emplacement par défaut, qui correspond à l'instance nommée SQLExpress, et sur le même ordinateur que Visual Studio, tapez Servername\SQLExpress ou .\SQLExpress.

    1. Sélectionnez Utiliser l'authentification Windows.
    2. Dans la zone déroulante Sélectionner ou entrer un nom de base de données, sélectionnez Northwind.
    3. Cliquez sur Tester la connexion. Une boîte de dialogue s'affiche pour confirmer la connexion. Cliquez sur  OK.
    4. Cliquez sur OK pour enregistrer la nouvelle connexion.

  6. Dans la fenêtre Choisir votre connexion de données, cliquez sur Suivant.

  7. Dans la boîte de dialogue Enregistrer la chaîne de connexion dans le fichier de configuration de l'application, optez pour l'enregistrement de la chaîne de connexion et appelez-la myNwndConnection. Cliquez sur Suivant.

  8. Dans Configurer l'instruction Select, sélectionnez les données que vous souhaitez utiliser dans cette application. Assurez-vous que Spécifiez les colonnes d'une table ou d'une vue est sélectionnée, choisissez la table Customers dans la liste déroulante Nom, puis sélectionnez les colonnes suivantes :

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

  9. Dans Configurer l'instruction Select, cliquez sur Avancé. Dans la boîte de dialogue Options de génération SQL avancées, sélectionnez Générer des instructions INSERT, UPDATE et DELETE, puis cliquez sur OK.

  10. Cliquez sur Suivant.

  11. Dans la fenêtre Tester la requête, cliquez sur Tester la requête pour garantir que les données appropriées sont retournées et affichées dans la grille de données. Cliquez sur Terminer.

  12. Vous revenez au mode concepteur de la page Web et l'objet GridView affiche maintenant les colonnes qui seront utilisées (avec des données factices).

Pour tester le site Web

  1. Cliquez sur Démarrer ou appuyez sur F5 pour créer et déployer le site Web en mode débogage. Si vous êtes invité à ajouter ou à modifier le fichier Web.config pour activer le débogage, faites-le, puis cliquez sur OK.

  2. Internet Explorer s'ouvre et affiche la page Web. Dans cette page Web, vous voyez le GridView et les données de la table Northwind que vous avez sélectionnées.

Remarque :
Si la page Web ne se charge pas correctement, vérifiez les paramètres proxy de votre navigateur Web. Ils doivent être définis de façon à ignorer le serveur proxy pour les adresses locales.

Pour ajouter des fonctionnalités à la page Web

  1. Fermez Internet Explorer. Visual Web Developer Express Edition quitte le mode débogage et retourne le contrôle pour le développement de page Web.

  2. Toujours dans le concepteur, cliquez une fois sur le GridView. Dans l'angle supérieur droit du GridView, cliquez sur la petite flèche. La boîte de dialogue GridView Tâches s'affiche.

  3. Cliquez sur Mise en forme automatique, choisissez un format, puis cliquez sur OK.

  4. Cliquez sur Ajouter une nouvelle colonne.

  5. Dans la boîte de dialogue Ajouter un champ, pour le type de champ, choisissez CommandField. Choisissez le type de bouton Button, puis sélectionnez Modifier/Mettre à jour. Assurez-vous que l'option Afficher le bouton Annuler est également activée. Cliquez sur OK.

  6. Le GridView affiche maintenant une nouvelle colonne qui contient un bouton Modifier.

  7. Dans GridView Tâches, sélectionnez Activer la pagination et Activer le tri.

Pour tester le site Web

  1. Reconstruisez le site Web en cliquant sur Démarrer ou en appuyant sur F5.

  2. Testez le tri des colonnes et la pagination de la page Web. Cliquez sur un titre de colonne pour la trier par ordre croissant ou décroissant.

  3. Cliquez sur Modifier pour n'importe quelle ligne du DataGrid. Notez que vous pouvez changer les valeurs de toutes les colonnes sauf CustomerID, qui est une clé primaire et ne peut donc pas être modifiée.

  4. Modifiez la valeur CompanyName de la ligne que vous avez sélectionnée et tapez-en une nouvelle. Lorsque vous avez terminé, cliquez sur Mettre à jour pour cette ligne.

    La modification que vous venez d'effectuer est écrite dans SQL Server Express et le GridView est mis à jour avec les nouvelles informations.

Pour vérifier la base de données

  1. Dans la fenêtre d'invite de commandes restée ouverte, tapez les trois commandes suivantes :

    Use Northwind
Select CompanyName from Customers
Go

    L'outil sqlcmd établit la liste des noms de société pour chaque client. Normalement, vous devez voir la valeur CompanyName que vous avez modifiée.