Blazor Server: Consultas Dinâmicas no SQL Server

Blazor Server: Consultas Dinâmicas no SQL Server

Acesse dinamicamente tabelas de bancos de dados SQL Server através de um frontend em Blazor Server e API .NET CORE 3.1 com funcionalidades de paginação, ordenação e filtros.

Depois das primeiras aventuras usando Blazor, e após ter escrito os artigos Blazor: O Começo do Fim do Javascript? e Blazor: Muito mais que um WebForms de Luxo, resolvi dar um passo adiante e converter 100% uma aplicação existente.

Imagine uma tela que contém um GRID exibindo registros de uma tabela de bancos de dados SQL SERVER onde seja possível ordernarpaginar e filtrar esses registros.

Pois bem, essa aplicação vem sendo evoluída desde o WebForms, passando pelo MVCVueJS e chegando agora no Blazor Server.

Não foi fornecido texto alternativo para esta imagem

O frontend que utilizei é uma adaptação com bootstrap e layout criado pelo desenvolvedor fullstack Lucas Juliano.

Funcionalidades dessa versão:

– API ASP.NET CORE 3.1;

– Frontend Blazor Server;

– Múltiplas conexões com SQL Server;

– Seleção de qualquer tabela do banco de dados;

– Ordenação de uma coluna;

– Filtro de uma ou mais colunas (tipos de dados numerico ou string);

– Paginação completa;

– Uso do FSL.Framework;

– Desenvolvimento usando Design Patterns;

– Todos os projetos usam as últimas versões de seus frameworks .NET CORE 3.1 e .NET Standard 2.1;


#Blazor Server: FSL.Framework

Algumas informações importantes para quem está chegando agora. Se você é um desenvolvedor .NET mas nunca viu nada de .NET Core, sugiro você ler antes o artigo .NET Core para DesenvolvedoreS .NET.

Não foi fornecido texto alternativo para esta imagem

Para essa solução de consultas dinâmicas SQL Server, usei como base o código fonte do artigo Crie seu Framework em ASP.NET CORE 3 e Blazor.

Depois que conclui esse artigo, evolui o framework FSL.Framework criado com novas funcionalidades e melhorias.


#Blazor Server: Diagrama e .csproj

O diagrama abaixo representa todos os 6 projetos dentro da solution.

Não foi fornecido texto alternativo para esta imagem

As duas aplicações web (em azul) FSL.Database.BlazorSrv a FSL.Database.Api utilizam a biblioteca de negócios FSL.Database.Core que possui funcionalidades e classes genéricas para toda a solução.

E também, essas aplicações usam como base as biobliotecas do FSL.Framework CoreApi e Web.

Para continuar lendo esse artigo CLIQUE AQUI.

Obrigado :)

Entre para ver ou adicionar um comentário

Outros artigos de Fabio Silva Lima

Outras pessoas também visualizaram

Conferir tópicos