Exporter (0) Imprimer
Développer tout

Procédure pas à pas : affichage de données à l'aide d'une procédure stockée dans le contrôle serveur Web GridView

Cette procédure pas à pas vous indique comment afficher des données dans le contrôle GridView à l'aide d'une procédure stockée. Une procédure stockée est une requête SQL stockée dans une base de données Microsoft SQL Server plutôt que dans votre code d'application. Les procédures stockées sont plus sécurisées que le code de requête et s'exécutent souvent plus vite. Le contrôle SqlDataSource, créé par un Assistant dans cette procédure pas à pas, récupère les résultats de la procédure stockée et agit en tant que source de données pour le contrôle GridView. Le contrôle GridView examine les résultats et crée des lignes et des tableaux autant que nécessaire pour afficher les données.

Au cours de cette procédure pas à pas, vous apprendrez à :

  • vous connecter à une base de données SQL Server dans Microsoft Visual Web Developer ;

  • utiliser le contrôle SqlDataSource pour gérer l'accès aux données et la liaison des données ;

  • ajouter une procédure stockée pour retourner des données pour affichage dans le contrôle GridView ;

  • afficher des données retournées de la procédure stockée dans le contrôle GridView.

Composants requis

Pour exécuter cette procédure pas à pas, vous avez besoin de :

  • Visual Web Developer (Visual Studio).

    RemarqueRemarque

    La fonctionnalité Ajouter une nouvelle procédure stockée utilisée dans cette procédure pas à pas n'est pas prise en charge par Express Visual Web Developer.

  • Microsoft Data Access Components (MDAC) version 2.7 ou ultérieure.

    Si vous utilisez Microsoft Windows XP ou Windows Server 2003, MDAC 2.7 est déjà installé. Toutefois, si vous utilisez Microsoft Windows 2000, vous devrez peut-être mettre à niveau les composants MDAC déjà installés sur votre ordinateur. Pour plus d'informations, consultez « Microsoft Data Access Components (MDAC) Installation » dans MSDN Library.

  • Accéder à la base de données Northwind SQL Server. Pour plus d'informations sur le téléchargement et l'installation de l'exemple de base de données Northwind SQL Server, consultez Installation d'exemples de bases de données sur le site Web Microsoft SQL Server.

    RemarqueRemarque

    Si vous avez besoin d'informations sur la façon de se connecter à un ordinateur qui exécute SQL Server, contactez l'administrateur du serveur.

Création du site Web

Créez un site et une page Web en suivant ces étapes.

Pour créer un site Web de système de fichiers

  1. Ouvrez Visual Web Developer.

  2. Dans le menu Fichier, cliquez sur Nouveau, puis sur Site Web. Si vous utilisez Visual Web Developer Express, dans le menu Fichier, cliquez sur Nouveau site Web.

    La boîte de dialogue Nouveau site Web s'affiche.

  3. Sous Modèles Visual Studio installés, cliquez sur Site Web ASP.NET.

  4. Dans la première zone Emplacement, sélectionnez Système de fichiers ; dans la deuxième entrez le nom du dossier dans lequel vous souhaitez conserver les pages de votre site Web.

    Par exemple, entrez le nom de dossier C:\SitesWeb\ProcédureStockée.

  5. Dans la liste Langage, cliquez sur le langage de programmation que vous préférez utiliser.

  6. Cliquez sur OK.

    Visual Web Developer crée le dossier et une page nommée Default.aspx.

Ajout d'une procédure stockée pour retourner des données pour affichage dans le contrôle GridView

Pour afficher des données dans une page Web ASP.NET, vous avez besoin des éléments suivants :

  • Une connexion à une source de données (telle qu'une base de données).

    Dans la procédure suivante, vous créerez une connexion à la base de données Northwind SQL Server.

  • Une procédure stockée qui retourne des données pour affichage.

  • Un contrôle de source de données sur la page qui exécute la procédure stockée et gère les résultats.

  • Un contrôle sur la page pour afficher les données.

Dans la procédure suivante, vous afficherez des données dans un contrôle GridView. Le contrôle GridView obtiendra ses données du contrôle SqlDataSource. La première étape consiste à créer une procédure stockée.

Pour créer une procédure stockée pour retourner des données pour affichage dans le contrôle GridView

  1. Dans l'Explorateur de serveurs, cliquez avec le bouton droit sur Connexions de données, puis cliquez sur Ajouter une connexion. Si vous utilisez Visual Web Developer Express, utilisez l'Explorateur de bases de données.

    La boîte de dialogue Ajouter une connexion s'affiche.

    • Si la liste Source de données n'affiche pas Microsoft SQL Server (SqlClient), cliquez sur Modifier puis, dans la boîte de dialogue Modifier la source de données, sélectionnez Microsoft SQL Server.

    • Si la boîte de dialogue Choisir la source de données apparaît au lieu de la boîte de dialogue Propriétés de connexion, dans la liste Source de données, sélectionnez le type de source de données que vous utiliserez. Pour cette procédure pas à pas, le type de source de données est Microsoft SQL Server. Dans la liste Fournisseur de données, cliquez sur Fournisseur de données .NET Framework pour SQL Server, puis sur Continuer.

    RemarqueRemarque

    Si l'onglet Explorateur de serveurs n'est pas visible dans Visual Web Developer, dans le menu Affichage, cliquez sur Explorateur de serveurs. Dans Visual Web Developer Express, dans le menu Affichage, cliquez sur Explorateur de bases de données

  2. Dans la zone Ajouter une connexion, entrez le nom de votre serveur dans la zone Nom du serveur.

  3. Pour la section Connexion au serveur, sélectionnez l'option appropriée pour accéder à la base de données SQL Server en cours d'exécution (sécurité intégrée ou ID spécifique et mot de passe) et, si besoin est, entrez un nom d'utilisateur et un mot de passe.

  4. Activez la case à cocher Enregistrer mon mot de passe si vous avez entré un mot de passe.

  5. Sous Sélectionner ou entrer un nom de base de données, entrez Northwind.

  6. Cliquez sur Tester la connexion et, lorsque vous êtes sûr que la connexion fonctionne, cliquez sur OK.

    Votre nouvelle connexion a été créée sous Connexions de données dans l'Explorateur de serveurs.

  7. Dans l'Explorateur de serveurs, sous Connexions de données, développez la connexion de données que vous venez de créer. Si vous utilisez Visual Web Developer Express, utilisez l'Explorateur de bases de données.

    La Connexion de données se développe pour inclure des connexions enfants, telles que Tables, Affichages et Procédures stockées.

  8. Cliquez avec le bouton droit sur l'option Procédures stockées, puis cliquez sur Ajouter une nouvelle procédure stockée.

    RemarqueRemarque

    La fonctionnalité Ajouter une nouvelle procédure stockée n'est pas prise en charge par Visual Web Developer Express.

  9. Ajoutez le code suivant dans la nouvelle procédure stockée, en substituant tout code existant.

    CREATE PROCEDURE GetEmployees
    AS
        Select EmployeeID, LastName, FirstName from Employees
    RETURN 
    
  10. Fermez la fenêtre et cliquez sur Oui pour créer la procédure stockée.

    RemarqueRemarque

    Le mot clé CREATE se transforme en Alter lorsque la procédure est enregistrée.

Ajout d'un contrôle GridView pour afficher les données

Après avoir établi une connexion à une source de données, vous avez besoin des éléments suivants :

  • Un contrôle de source de données sur la page qui exécute la procédure stockée et gère les résultats.

  • Un contrôle sur la page pour afficher les données.

Dans la procédure suivante, vous afficherez des données dans un contrôle GridView. Le contrôle GridView obtiendra ses données du contrôle SqlDataSource.

Vous pouvez ajouter ces éléments séparément au site Web. Toutefois, il est plus facile de commencer en affichant les données à l'aide du contrôle GridView, puis à l'aide d'Assistants pour créer la connexion et le contrôle de source de données. La procédure suivante explique comment créer les éléments dont vous avez besoin pour afficher des données dans la page.

Pour ajouter et configurer un contrôle GridView pour afficher des données

  1. Basculez vers la page Default.aspx ou ouvrez-la, puis basculez en mode Design.

  2. Dans la Boîte à outils, à partir du groupe Données, faites glisser un contrôle GridView sur la page.

  3. Dans le menu Tâches GridView, dans la zone de liste Choisir la source de données, cliquez sur Nouvelle source de données.

    La boîte de dialogue Assistant Configuration de source de données s'affiche.

  4. Sélectionnez Base de données, puis cliquez sur OK.

    Cela spécifie que vous souhaitez obtenir des données d'une base de données SQL Server.

    Dans la zone Spécifiez un ID pour la source de données, le nom d'un contrôle de source de données par défaut est affiché (SqlDataSource1). Conservez ce nom.

    L'Assistant Configurer la source de données SqlDataSource1 affiche une page dans laquelle vous pouvez choisir une connexion.

  5. Dans la zone de liste Quelle connexion de données votre application doit-elle utiliser pour établir une connexion à la base de données ?, entrez la connexion que vous avez créée au cours de la procédure précédente, puis cliquez sur Suivant.

    L'Assistant affiche une page dans laquelle vous pouvez choisir de stocker la chaîne de connexion dans un fichier de configuration. Le stockage de la chaîne de connexion dans le fichier de configuration présente deux avantages :

    • Ce stockage est plus sécurisé que le stockage dans la page.

    • Vous pouvez utiliser la même chaîne de connexion dans plusieurs pages.

  6. Activez la case à cocher Oui, enregistrer cette connexion en tant que, puis cliquez sur Suivant.

    L'Assistant affiche une page où vous pouvez spécifier les données à récupérer à partir de la base de données.

  7. Sélectionnez l'option Spécifiez une instruction SQL personnalisée ou une procédure stockée, puis cliquez sur Suivant.

  8. Sur la page Définir des instructions personnalisées ou des procédures stockées, sélectionnez Procédure stockée, puis sélectionnez la procédure stockée que vous avez créée précédemment (GetEmployees).

  9. Cliquez sur Suivant.

  10. Cliquez sur Tester la requête pour vous assurer d'obtenir les données que vous souhaitez.

  11. Cliquez sur Terminer.

Test de la page

Vous pouvez à présent exécuter la page.

Pour tester la page

  1. Appuyez sur CTRL+F5 pour exécuter la page.

    La page s'affiche dans le navigateur. Le contrôle GridView affiche toutes les lignes de données de la table Employees.

  2. Fermez le navigateur.

Étapes suivantes

Cette procédure pas à pas a illustré l'utilisation d'une procédure stockée SQL Server avec un contrôle de source de données pour afficher des données dans une page Web ASP.NET. Vous pouvez utiliser des procédures stockées de la même manière que vous utilisez toute instruction SQL lorsque vous travaillez avec le contrôle SqlDataSource. En outre, les procédures stockées peuvent prendre des paramètres que vous avez associé aux valeurs dans la page Web. Les autres scénarios que vous pouvez souhaiter explorer avec les procédures stockées sont répertoriés ici. Ils exécutent des fonctions liées aux données à l'aide d'instructions SQL :

Voir aussi

Ajouts de la communauté

AJOUTER
Afficher:
© 2014 Microsoft