Introduction à la liaison de données dans ASP.Net
De manière similaire, ASP.Net prend également en charge le concept de liaison de données. Grâce à la liaison de données, vous pouvez lier n'importe quel contrôle serveur à diverses propriétés, expressions, collections ou même méthodes. Il est également possible de sélectionner la source de données, qui peut être une base de données, un fichier statique, une énumération ou toute autre source. Ainsi, la liaison de données ASP.Net fournit un moyen simple et pratique de créer un lien entre le contrôle serveur et les données d'application.
Concepts de la liaison de données dans ASP.Net
Le concept de base de la liaison de données dans ASP.Net peut être très bien illustré dans l'image suivante.
Comprenons les terminologies utilisées dans l'image.
- Binding Source - La variable de données d'application qui contient les données d'entreprise.
- Cible de liaison - Le contrôle serveur ou l'élément d'interface utilisateur auquel les données sont liées.
- Objet de dépendance - Objet associé à la cible de liaison.
- Propriété de dépendance - La propriété ou l'attribut de l'objet de dépendance auquel les données sont liées.
- Objet source - Objet qui contient les données d'entreprise.
- Propriété source - Propriété ou attribut de l'objet source dont la valeur correspond aux données réelles.
Par conséquent, si vous souhaitez lier la propriété text d'un contrôle d'entrée sur l'interface utilisateur au nom de l'employé, la TextBox est l'objet Target / Dependency. Le texte est la propriété cible. L'employé est l'objet métier et le nom est la propriété.
La direction de la liaison détermine la propagation des données dans les deux sens entre la source et la cible. Dans une liaison unidirectionnelle, toute modification des données d'entreprise est reflétée dans l'élément d'interface utilisateur, mais pas l'inverse. Cela est utile dans les cas où les données d'entreprise sont en lecture seule et que le contrôle de l'interface utilisateur est de nature informative.
La liaison bidirectionnelle garantit que la modification des données dans les objets source ou cible est synchronisée automatiquement. Cela crée des formulaires d'interface utilisateur entièrement interactifs, où les modifications apportées aux champs de formulaire sont instantanément mises à jour dans les variables principales.
Dans une liaison unidirectionnelle à la source, toute modification des données de l'élément d'interface utilisateur est mise à jour dans l'objet métier, mais pas l'inverse. Cela est utile dans les scénarios où les données sont calculées sur la base d'autres entrées utilisateur et nécessitent une réévaluation fréquente.
Qu'est-ce que la liaison de données?
- Avant de continuer, comprenons d'abord le concept de liaison de données en général. La liaison de données est le processus de connexion de l'interface utilisateur de l'application avec les données d'entreprise. Maintenant, vous vous demandez peut-être que cela revient à afficher les données d'entreprise sur l'interface utilisateur. Non, ça ne l'est pas. Et si les données sont modifiées? Est-il automatiquement mis à jour sur l'interface utilisateur?
- Ainsi, lorsque la liaison des données est effectuée correctement, les éléments de l'interface utilisateur reflètent automatiquement les modifications des données d'entreprise. Imaginez que vos éléments d'interface utilisateur surveillent constamment la variable / ensemble de données qui leur est affecté. Dès qu'il y a un changement dans les données, les éléments d'interface utilisateur sont invités à refléter le changement en conséquence.
- Un bel exemple du monde réel de ce phénomène est la calculatrice de nos smartphones. Ils sont conçus pour donner le résultat dès que l'utilisateur tape une valeur. Remarquez dans la capture d'écran ci-dessous comment les résultats sont produits et affichés en temps réel. Sans avoir besoin de donner la commande «égal».
Ceci est réalisé par la liaison de données. L'élément de l'interface utilisateur chargé d'afficher le résultat surveille de près l'élément qui capture l'entrée utilisateur. Il est ensuite chargé de calculer et d'afficher les résultats dès que les données de l'entrée utilisateur changent.
Comment créer une liaison de données dans ASP.Net?
Voici un exemple simple pour illustrer la liaison de données dans ASP.Net. Nous créerions une application WPF simple avec trois contrôles (bloc de texte, curseur et barre de progression) sur l'interface utilisateur. La valeur de deux contrôles serait liée aux données du troisième contrôle.
Étape 1: ouvrez Visual Studio et créez un nouveau projet.
Étape 2: Sélectionnez WPF App (.Net Framework) dans la boîte de l'Assistant Nouveau projet.
Étape 3: Configurez les détails de base et cliquez sur Créer .
Étape 4: Cela crée une application Shell WPF . Insérez maintenant un TextBlock, un Slider et un contrôle ProgressBar dans l'interface utilisateur. Nous lierons la valeur de TextBlock et ProgressBar à la valeur du contrôle Slider.
Étape 5: Ajoutez maintenant le code souligné dans la figure pour lier la propriété Text de TextBlock.
Text="(Binding Value, ElementName=slider)"
De même, pour la propriété Value de ProgressBar.
Value="(Binding Value, ElementName=slider)"
Cela lie les propriétés à la propriété Value de Slider.
Étape 6: exécutez l'application. Vous verriez que le contrôle du curseur met désormais à jour les valeurs du bloc de texte et de la barre de progression. Déplacez le curseur pour voir cela en action.
Comprenons les terminologies utilisées dans l'exemple.
- Binding Source - Le contrôle Slider dans l'interface utilisateur.
- Cible de liaison - Le TextBlock et la ProgressBar
- Objet de dépendance - Les objets TextBlock et ProgressBar créés.
- Propriété de dépendance - La propriété Text de TextBlock et la propriété Value de ProgressBar.
- Objet source - L'objet Slider créé avec x: Name = ”slider”.
- Propriété source - La propriété Value du curseur.
Étape 7: Le code final doit être le suivant:
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>
Conclusion
Nous avons appris le concept de base de la liaison de données et comment il est implémenté dans ASP.Net. Il s'agit d'un exemple très basique de liaison de données dans ASP.Net et le sujet va bien au-delà. Il est fortement recommandé d'explorer davantage, d'écrire plus de code, d'expérimenter davantage avec diverses sources de données. Cela aiderait grandement à acquérir une compréhension et une prise en main approfondies du sujet.
Articles recommandés
Cela a été un guide pour la liaison de données dans ASP.NET. Ici, nous avons discuté des vues d'ensemble de la liaison de données dans ASP.NET, de ce qu'est le masquage des données et des étapes pour créer une liaison de données dans ASP.NET avec le code final. Vous pouvez également parcourir nos articles pour en savoir plus-
- Qu'est-ce que ASP.NET?
- Carrière dans ASP.NET
- ASP.NET Framework
- Qu'est-ce que .NET Core