Úvod do dátovej väzby v ASP.Net
Podobným spôsobom ASP.Net podporuje aj koncepciu dátovej väzby. Prostredníctvom viazania údajov môžete prepojiť ľubovoľný ovládací prvok servera s rôznymi vlastnosťami, výrazmi, kolekciami alebo dokonca metódami. K dispozícii je tiež flexibilita pri výbere zdroja údajov, ktorým môže byť databáza, statický súbor, enum alebo akýkoľvek iný zdroj. ASP.Net Data Binding teda poskytuje jednoduchý a pohodlný spôsob, ako vytvoriť spojenie medzi serverovým riadením a dátami aplikácie.
Koncepty viazania údajov v ASP.Net
Základný koncept viazania údajov v ASP.Net možno veľmi dobre ilustrovať na nasledujúcom obrázku.
Poďme porozumieť terminológiám použitým na obrázku.
- Väzobný zdroj - premenná aplikačných údajov, ktorá obsahuje obchodné údaje.
- Binding Target - Riadenie servera alebo element používateľského rozhrania, na ktoré sú údaje viazané.
- Dependency Object - Objekt, ktorý je priradený k cieľu väzby.
- Závislosť - vlastnosť alebo atribút objektu závislosti, na ktorý sú údaje viazané.
- Zdrojový objekt - objekt, ktorý uchováva obchodné údaje.
- Source Property - Vlastnosť alebo atribút zdrojového objektu, ktorého hodnota sú skutočné údaje.
Ak teda chcete prepojiť textovú vlastnosť vstupného ovládacieho prvku v používateľskom rozhraní s menom zamestnanca, potom je textovým objektom cieľový / závislý objekt. Text je cieľová vlastnosť. Zamestnanec je obchodným objektom a meno je majetok.
Smer väzby určuje šírenie údajov tam a späť medzi zdrojom a cieľom. Pri jednosmernej väzbe sa všetky zmeny obchodných údajov prejavia v prvku používateľského rozhrania, ale nie naopak. Je to užitočné v prípadoch, keď sú obchodné údaje iba na čítanie a kontrola používateľského rozhrania má informatívny charakter.
Obojsmerná väzba zaisťuje, že zmena údajov v zdrojovom alebo cieľovom objekte je automaticky synchronizovaná. Takto sa vytvoria plne interaktívne formuláre používateľského rozhrania, v ktorých sa zmeny polí polí okamžite aktualizujú v premenných typu back-end.
V prípade jednosmerného viazania zdrojov sa všetky zmeny v prvkoch používateľského rozhrania aktualizujú v obchodnom objekte, ale nie naopak. To je užitočné v prípadoch, keď sa údaje vypočítavajú na základe iných vstupov od používateľov a vyžaduje si časté prehodnocovanie.
Čo je väzba údajov?
- Predtým, ako budeme pokračovať, najskôr pochopme pojem Data Binding všeobecne. Viazanie údajov je proces prepojenia používateľského rozhrania aplikácie s obchodnými údajmi. Teraz sa možno pýtate, že je to rovnaké ako zobrazovanie obchodných údajov v používateľskom rozhraní. Nie to nie je. Čo ak sa údaje zmenia? Automaticky sa aktualizuje v používateľskom rozhraní?
- Keď sa teda väzba údajov uskutoční správne, prvky v používateľskom rozhraní automaticky odrážajú zmeny v obchodných údajoch. Predstavte si, že prvky používateľského rozhrania neustále sledujú priradenú dátovú premennú / množinu. Akonáhle dôjde k akejkoľvek zmene údajov, sú prvky používateľského rozhrania požiadané, aby príslušne zohľadnili zmenu.
- Skutočným krásnym príkladom tohto fenoménu je kalkulačka v našich smartfónoch. Sú navrhnuté tak, aby poskytovali výsledok ihneď po zadaní hodnoty používateľom. Všimnite si na nasledujúcom obrázku, ako sa výsledky generujú a zobrazujú v reálnom čase. Bez potreby príkazu „sa rovná“.
Toto sa dosiahne väzbou údajov. Prvok na používateľskom rozhraní zodpovedný za zobrazenie výsledku udržuje pozorné sledovanie prvku, ktorý zachytáva vstup používateľa. Inštrukcia je potom vyzvaná, aby vypočítala a zobrazila výsledky, len čo sa údaje vo vstupe užívateľa zmenia.
Ako vytvoriť väzbu dát v ASP.Net?
Nižšie je uvedený jednoduchý príklad na demonštráciu viazania údajov v ASP.Net. Vytvorili by sme jednoduchú aplikáciu WPF s tromi ovládacími prvkami (textový blok, jazdec a lišta postupu) na používateľskom rozhraní. Hodnota dvoch ovládacích prvkov by bola viazaná na údaje v tretej kontrole.
Krok 1: Otvorte Visual Studio a vytvorte nový projekt.
Krok 2: V Sprievodcovi novým projektom vyberte aplikáciu WPF (.Net Framework) .
Krok 3: Nakonfigurujte základné podrobnosti a stlačte Vytvoriť .
Krok 4: Vytvorí sa aplikácia Shell WPF . Teraz vložte užívateľské rozhranie TextBlock, Slider a ProgressBar. Hodnotu TextBlock a ProgressBar budeme viazať na hodnotu ovládača Posuvník.
Krok 5: Teraz pridajte kód podčiarknutý na obrázku, aby ste zviazali textovú vlastnosť TextBlock.
Text="(Binding Value, ElementName=slider)"
Podobne pre vlastnosť Value ProgressBar.
Value="(Binding Value, ElementName=slider)"
Týmto sa vlastnosti viažu na hodnotu Value Slider.
Krok 6: Spustite aplikáciu. Zistili by ste, že posuvný ovládač teraz aktualizuje hodnoty textového bloku a lišty postupu. Pohybom jazdca to uvidíte v akcii.
Pochopme terminológie použité v príklade.
- Binding Source - Posuvný ovládač v používateľskom rozhraní.
- Záväzný cieľ - TextBlock a ProgressBar
- Dependency Object - Vytvorené objekty TextBlock a ProgressBar.
- Dependency Property - Textová vlastnosť TextBlock a hodnota Value ProgressBar.
- Source Object - Objekt Slider vytvorený pomocou x: Name = ”slider”.
- Source Property - Vlastnosť Value Slider.
Krok 7: Kód F inal by mal byť uvedený nižšie:
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)"/>
záver
Naučili sme sa základný koncept Data Binding a ako je implementovaný v ASP.Net. Toto je veľmi základný príklad viazania údajov v ASP.Net a téma presahuje toto. Dôrazne sa odporúča preskúmať viac, napísať viac kódu, experimentovať s rôznymi zdrojmi údajov. To by veľmi pomohlo získať dôkladné porozumenie a uchopenie predmetu.
Odporúčané články
Toto bol sprievodca väzbou na dáta v ASP.NET. Tu sme diskutovali prehľady o dátovom viazaní v ASP.NET, čo je oslepovanie údajov a kroky na vytvorenie dátového viazania v ASP.NET s konečným kódom. Ak sa chcete dozvedieť viac, môžete si tiež prečítať naše dané články.
- Čo je ASP.NET?
- Kariéra v ASP.NET
- ASP.NET Framework
- Čo je to .NET Core