Pour qu'un contrôle puisse être automatiquement associé à des données tirées de votre BD, votre page Web doit comporter les éléments suivants :
Avant de tenter de configurer les composants impliqués, tentons de comprendre les liens qui les unissent. Une page Web peut comprendre un ou plusieurs contrôles orientés données. Généralement, chaque contrôle aura sa propre source de données. Il est cependant possible qu'une même source de données soit partagée par plusieurs contrôles de la page.
Pour chaque source de données, il faut indiquer quelle base de données doit être utilisée. On travaillera pour cela à l'aide d'une chaîne de connexion. Cette dernière est définie dans le fichier Web.config.
La chaîne de connexion contient le chemin permettant d'accéder à la base de données. Un simple changement à la chaîne de connexion permettra de modifier l'emplacement de la base de données à utiliser pour l'ensemble du site Web.
Heureusement, Visual Studio vous aidera à configurer tout ça. Voici, par exemple, la procédure vous permettant d'ajouter une grille de données :
Ouvrez la boîte à outils et faites glisser le composant GridView à l'endroit désiré.
Passez en mode Design. Repérez la grille de données puis cliquez sur la flèche à sa droite. Dans « Choisir la source de données », cliquez sur « Nouvelle source de données ».
Cliquez sur Base de données puis donnez à la source de données un nom débutant par dataSource suivi du nom de la table qui sera utilisée. Comme une même page peut contenir plusieurs sources de données, assurez-vous que ce nom soit unique dans la page.
Sélectionnez ensuite la base de données à utiliser dans la liste déroulante. Si vous ne la voyez pas dans la liste déroulante, vous devrez configurer une nouvelle chaîne de connexion, tel qu'expliqué dans les sous-points suivants.
Voici comment ajouter une nouvelle chaîne de connexion, si votre BD n'apparaît pas dans la liste déroulante :
Cliquez sur « Nouvelle connexion ».
Choisissez « Microsoft SQL Server » comme source de données.
Dans la fenêtre « Ajouter une connexion », entrez les informations suivantes :
Donnez à la chaîne de connexion un nom débutant par ConnectionString suivi du nom de votre base de données.
Voici ce qui aura été généré par ces étapes. Notez que l'utilisation de l'assistant pour ajouter ces informations est optionnelle. Si vous préférez travailler directement dans le code, vous obtiendrez le même résultat.
Nouvelle chaîne de connexion dans le fichier Web.config (peut être utilisée par toutes les pages Web) :
<add name="ConnectionStringASPNET2015-GagnonAnnie" connectionString="Data Source=(LocalDB)v11.0;
AttachDbFilename=|DataDirectory|ASPNET2015-GagnonAnnie.mdf;Integrated Security=True"
providerName="System.Data.SqlClient" />
Nouvelle source de données dans le fichier .aspx (peut être utilisée par tous les contrôles serveur de cette page Web) :
<asp:SqlDataSource ID="dataSourceProduit" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionStringASPNET2015-GagnonAnnie %>"
SelectCommand="SELECT [produit_id], [produit_code], [produit_nom] FROM [produit]">
</asp:SqlDataSource>
Nouveau contrôle orienté données dans le fichier .aspx :
<asp:GridView ID="gridViewProduits" runat="server" AutoGenerateColumns="False" DataKeyNames="produit_id"
DataSourceID="dataSourceProduit">
<Columns>
<asp:BoundField DataField="produit_code" HeaderText="produit_code" ReadOnly="True" SortExpression="produit_code" />
<asp:BoundField DataField="produit_nom" HeaderText="produit_nom" SortExpression="produit_nom" />
</Columns>
</asp:GridView>
▼Publicité
