Introdução à ligação de dados no ASP.Net
De maneira semelhante, o ASP.Net também suporta o conceito de Vinculação de Dados. Através da ligação de dados, você pode vincular qualquer controle de servidor a várias propriedades, expressões, coleções ou até métodos. Há também a flexibilidade de selecionar a fonte de dados, que pode ser um banco de dados, um arquivo estático, uma enumeração ou qualquer outra fonte. Assim, o ASP.Net Data Binding fornece uma maneira simples e conveniente de criar um link entre o controle do servidor e os dados do aplicativo.
Conceitos de ligação de dados no ASP.Net
O conceito básico de ligação de dados no ASP.Net pode ser muito bem ilustrado na imagem a seguir.
Vamos entender as terminologias usadas na imagem.
- Origem de ligação - A variável de dados do aplicativo que mantém os dados comerciais.
- Destino de ligação - o controle do servidor ou o elemento da interface do usuário ao qual os dados estão vinculados.
- Objeto de dependência - O objeto que está associado ao destino de ligação.
- Propriedade de dependência - a propriedade ou o atributo do objeto de dependência ao qual os dados estão vinculados.
- Objeto de origem - o objeto que contém os dados corporativos.
- Propriedade de origem - a propriedade ou atributo do objeto de origem cujo valor são os dados reais.
Portanto, se você deseja vincular a propriedade de texto de um controle de entrada na interface do usuário ao nome do funcionário, o TextBox é o Objeto de Destino / Dependência. Texto é a propriedade de destino. O funcionário é o objeto de negócios e o nome é a propriedade.
A direção da ligação determina a propagação dos dados entre a origem e o destino. Em uma ligação unidirecional, quaisquer alterações nos dados corporativos são refletidas no elemento da interface do usuário, mas não vice-versa. Isso é útil nos casos em que os dados corporativos são somente leitura e o controle da interface do usuário é informativo por natureza.
A ligação bidirecional garante que a alteração de dados nos objetos de origem ou de destino seja sincronizada automaticamente. Isso cria formulários de interface do usuário totalmente interativos, onde as alterações nos campos do formulário são instantaneamente atualizadas nas variáveis de back-end.
Em uma ligação Unidirecional à origem, quaisquer alterações nos dados do elemento da UI são atualizadas no objeto de negócios, mas não vice-versa. Isso é útil em cenários em que os dados são calculados com base em outras entradas do usuário e precisam de reavaliação frequente.
O que é ligação de dados?
- Antes de prosseguir, vamos primeiro entender o conceito de Vinculação de Dados em geral. A ligação de dados é o processo de conexão da Interface do Usuário do Aplicativo com os Dados Corporativos. Agora você pode se perguntar se isso é o mesmo que exibir os dados comerciais na interface do usuário. Não não é. E se os dados forem alterados? Ele é atualizado automaticamente na interface do usuário?
- Portanto, quando a ligação de dados é feita corretamente, os elementos na interface do usuário refletem as alterações nos dados comerciais automaticamente. Imagine que seus elementos da interface do usuário estejam constantemente observando a variável / conjunto de dados atribuídos a eles. Assim que houver alguma alteração nos dados, os elementos da interface do usuário serão instruídos a refletir a alteração adequadamente.
- Um belo exemplo do mundo real desse fenômeno é a calculadora em nossos smartphones. Eles são projetados para fornecer o resultado assim que o usuário digitar qualquer valor. Observe na captura de tela abaixo, como os resultados são produzidos e exibidos em tempo real. Sem a necessidade de dar o comando 'igual'.
Isso é alcançado pela ligação de dados. O elemento na interface do usuário responsável por exibir o resultado mantém uma observação atenta sobre o elemento que captura a entrada do usuário. Em seguida, é instruído a calcular e exibir os resultados assim que os dados na entrada do usuário forem alterados.
Como criar ligação de dados no asp.net?
Abaixo está um exemplo simples para demonstrar a associação de dados no ASP.Net. Criaríamos um aplicativo WPF simples com três controles (bloco de texto, controle deslizante e barra de progresso) na interface do usuário. O valor de dois controles seria vinculado aos dados no terceiro controle.
Etapa 1: Abra o Visual Studio e crie um novo projeto.
Etapa 2: Selecione WPF App (.Net Framework) na caixa Assistente de novo projeto.
Etapa 3: configure os detalhes básicos e clique em Criar .
Etapa 4: Isso cria um aplicativo Shell WPF . Agora insira um TextBlock, um Slider e um controle ProgressBar na interface do usuário. Vamos vincular o valor do TextBlock e ProgressBar ao valor do controle Slider.
Etapa 5: Agora adicione o código sublinhado na figura para vincular a propriedade Text do TextBlock.
Text="(Binding Value, ElementName=slider)"
Da mesma forma, para a propriedade Value de ProgressBar.
Value="(Binding Value, ElementName=slider)"
Isso vincula as propriedades à propriedade Value do Slider.
Etapa 6: execute o aplicativo. Você verá que o controle deslizante agora atualiza os valores do bloco de texto e da barra de progresso. Mova o controle deslizante para ver isso em ação.
Vamos entender as terminologias usadas no exemplo.
- Origem da ligação - o controle Slider na interface do usuário.
- Destino de ligação - o TextBlock e o ProgressBar
- Objeto de dependência - Os objetos TextBlock e ProgressBar criados.
- Propriedade de dependência - a propriedade Text de TextBlock e a propriedade Value de ProgressBar.
- Objeto de origem - O objeto Slider criado com x: Name = ”slider”.
- Propriedade de origem - a propriedade Value do Slider.
Etapa 7: O código final deve ser o seguinte:
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)"/>
Conclusão
Aprendemos o conceito básico de vinculação de dados e como ele é implementado no ASP.Net. Este é um exemplo muito básico de ligação de dados no ASP.Net e o tópico vai muito além disso. É altamente recomendável explorar mais, escrever mais código, experimentar mais com várias fontes de dados. Isso ajudaria muito na compreensão e compreensão do assunto.
Artigos recomendados
Este foi um guia para a associação de dados no ASP.NET. Aqui discutimos visões gerais sobre associação de dados no ASP.NET, o que são dados ocultos e etapas para criar a associação de dados no ASP.NET com o código final. Você também pode ler nossos artigos para saber mais.
- O que é o ASP.NET?
- Carreira no ASP.NET
- Framework ASP.NET
- O que é o .NET Core