Вступ до прив'язки даних в ASP.Net

Аналогічно ASP.Net також підтримує концепцію прив'язки даних. Завдяки прив'язці даних ви можете прив’язати будь-який сервер управління до різних властивостей, виразів, колекцій чи навіть методів. Існує також можливість вибору джерела даних, яким може бути база даних, статичний файл, перерахунок або будь-яке інше джерело. Таким чином, прив'язка даних ASP.Net забезпечує простий та зручний спосіб створення зв’язку між керуванням сервером та даними програми.

Поняття прив'язки даних в ASP.Net

Основне поняття прив'язки даних в ASP.Net можна дуже добре проілюструвати на наступному зображенні.

Давайте розберемося з терміналогіями, використаними на зображенні.

  • Джерело прив'язки - змінна інформація про програму, яка містить дані про бізнес.
  • Ціль прив'язки - керування сервером або елемент інтерфейсу, до якого прив’язані дані.
  • Об'єкт залежності - Об'єкт, який асоціюється з Прив'язкою Цілі.
  • Властивість Dependpendation - властивість або атрибут об'єкта Dependency, до якого пов'язані дані.
  • Джерело Об'єкт - Об'єкт, який зберігає бізнес-дані.
  • Властивість джерела - властивість або атрибут об'єкта-джерела, значенням якого є фактичні дані.

Отже, якщо ви хочете прив’язати властивість тексту вхідного елемента керування в інтерфейсі до імені співробітника, то TextBox є об'єктом цілі / залежності. Текст - цільова властивість. Працівник - це бізнес-об’єкт, а назва - власність.

Напрямок зв'язування визначає поширення даних туди-назад між джерелом та ціллю. У односторонній прив'язці будь-які зміни в бізнес-даних відображаються в елементі інтерфейсу, але не навпаки. Це корисно у випадках, коли бізнес-дані є лише для читання, а контроль інтерфейсу має інформаційний характер.

Двостороння прив'язка забезпечує автоматичне синхронізацію зміни даних або в джерелі, або в цільових об'єктах. Це створює повністю інтерактивні форми інтерфейсу користувача, де зміни в полях форм миттєво оновлюються в резервних змінних.

Односторонній зв'язування джерел будь-які зміни в даних елементів інтерфейсу оновлюються в бізнес-об'єкті, але не навпаки. Це корисно в сценаріях, коли дані розраховуються на основі інших даних користувачів та потребують частого повторного оцінювання.

Що таке прив'язка даних?

  • Перш ніж ми продовжимо, давайте спочатку розберемося з концепцією Прив'язки даних загалом. Зв'язування даних - це процес з'єднання користувальницького інтерфейсу програми з бізнес-даними. Тепер вам може бути цікаво, що це те саме, що відображати дані про бізнес в інтерфейсі. Ні, це не. Що робити, якщо дані змінені? Чи автоматично він оновлюється в інтерфейсі користувача?
  • Отже, коли прив'язка даних виконується правильно, елементи в інтерфейсі користувача автоматично відображають зміни в бізнес-даних. Уявіть, що ваші елементи інтерфейсу постійно переглядають призначену їм змінну / набір даних. Щойно відбудеться якась зміна даних, елементи інтерфейсу інструктуються відповідно відобразити зміни.
  • Прекрасним прикладом цього явища є калькулятор у наших смартфонах. Вони створені для того, щоб дати результат, як тільки користувач набере будь-яке значення. Зауважте на скріншоті нижче, як результати отримуються та відображаються в режимі реального часу. Без потреби давати команду 'рівний'.

Це досягається прив'язкою даних. Елемент в інтерфейсі користувача, відповідальний за відображення результату, ретельно стежить за елементом, який фіксує введення користувача. Потім доручається обчислювати та відображати результати, як тільки дані у введенні користувача змінюються.

Як створити прив'язку даних у ASP.Net?

Нижче наводиться простий приклад демонстрації прив'язки даних в ASP.Net. Ми створили б простий додаток WPF з трьома елементами управління (текстовий блок, слайдер та смужка прогресу) в інтерфейсі користувача. Значення двох елементів керування буде пов'язане з даними в третьому контролі.

Крок 1: Відкрийте Visual Studio і створіть новий проект.

Крок 2: Виберіть додаток WPF (.Net Framework) у вікні нового майстра проекту.

Крок 3: Налаштуйте основні деталі та натисніть Створити .

Крок 4: Це створює додаток Shell WPF . Тепер в інтерфейс інтерфейсу вставте TextBlock, повзунок та елемент управління ProgressBar. Ми прив’яжемо значення TextBlock та ProgressBar до значення керування Slider.

Крок 5: Тепер додайте підкреслений на рисунку Код, щоб прив'язати властивість Text TextBlock.

Text="(Binding Value, ElementName=slider)"

Аналогічно, для властивості Value у ProgressBar.

Value="(Binding Value, ElementName=slider)"

Це прив'язує властивості до властивості Value Slider.

Крок 6: Запустіть додаток. Ви побачили, що керування повзунком тепер оновлює значення текстового блоку та рядка прогресу. Перемістіть повзунок, щоб побачити це в дії.

Давайте розберемося з терміналогіями, використаними на прикладі.

  • Джерело прив’язки - елемент керування повзунком в інтерфейсі користувача.
  • Завдання прив’язки - TextBlock та ProgressBar
  • Об'єкт залежності - створені об'єкти TextBlock та ProgressBar.
  • Властивість Dependency - Властивість Text TextBlock та властивість Value ProgressBar.
  • Джерело - Об'єкт слайдера, створений за допомогою слайдера x: Name = ”.
  • Джерело Властивість - Властивість значення слайдера.

Крок 7: F індальний код повинен бути наступним:

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)"/>

Висновок

Ми дізналися основну концепцію прив'язки даних та те, як вона реалізується в ASP.Net. Це дуже базовий приклад прив'язки даних в ASP.Net, і тема виходить далеко за рамки цього. Настійно рекомендується більше досліджувати, писати більше коду, більше експериментувати з різними джерелами даних. Це дуже допомогло б отримати глибоке розуміння та розуміння цієї теми.

Рекомендовані статті

Це було керівництвом щодо прив'язки даних у ASP.NET. Тут ми обговорили огляди прив'язки даних в ASP.NET, що таке осліплення даних та кроки для створення прив'язки даних у ASP.NET з кінцевим кодом. Ви також можете переглядати наші статті, щоб дізнатися більше -

  1. Що таке ASP.NET?
  2. Кар'єра в ASP.NET
  3. ASP.NET Framework
  4. Що таке .NET Core

Категорія:

Розробка програмного забезпечення