ASP .NET - Manutenção com ListView

ASP .NET - Incluindo, alterando e excluindo dados com ListView

Neste artigo eu vou mostrar como exibir, editar , excluir e inserir dados em um banco de dados usando um controle ListView e os recursos do SqlDataSource e dos templates do ListView sem usar nenhum código.

Para uma introdução ao controle ListView sugiro que leia o meu artigo: ASP. NET - Usando o novo controle ListView

Para mostrar as funcionalidades do componente ListView eu vou criar um banco de dados com uma tabela bem simples usando o Visual Web Developer 2008 Express Edition. (VWD 2008)

Abra o VWD 2008 e a partir do menu File selecione New web site; selecione o template ASP .NET Web Site, a linguagem Visual Basic e informe o nome manuListView clicando a seguir em OK;

Após criar o projeto do novo web site vamos criar o banco de dados Cadastro.mdf e a tabela Alunos.

No menu WebSite clique em Add New Item e faça o seguinte:

Selecione o template SQL Server DataBase;
Informe o nome Cadastro.mdf
Clique em Add;

Na janela de diálogo clique no botão Sim para confirmar e salvar o arquivo na pasta App_Data;

Já temos o banco de dados Cadastro.mdf criado; vamos agora criar a tabela Alunos.

Abra o banco de dados no DataBase Explorer e clique com o botão direito sobre o item Table e selecione Add New Table;

A seguir defina a estrutura da tabela conforme a figura abaixo onde temos:

- Campos da tabela:

id , nome, email, sexo, idade;
O campo id é a chave primária do tipo identity (auto-incremental);

Agora já temos o banco de dados Cadastro.mdf e a tabela Alunos criados e prontos para o uso. Se você desejar pode clicar com o botão direito do mouse sobre a tabela Alunos e selecionar a opção Show Table Data para incluir alguns registros.

Vamos agora definir os comandos SQL para selecionar, atualizar, incluir e excluir dados da tabela Alunos:

Selecione o controle ListView e em ListView Tasks, opção Choose Data Source escolha <new data source>;
Na janela do assistente selecione a opção DataBase e aceite o nome sqldatasource1, clique em Next>;
Na janela para definir a conexão , clique em New Connection e selecione o banco de dados Cadastro.mdf e clique em Next>;
Na janela Configure Select Statement , marque a opção Specify a custom SQL statement or stored procedure e clique em Next>;
Na próxima janela você pode usar o Query Builder e para definir uma instrução SQL ou pode digitar diretamente cada instrução SQL em sua respectiva aba conforme abaixo:

Clique em Next> e a após testar a instrução SQL clique em Finish;

Ao término desta etapa teremos uma fonte de dados sqldatasource1 configurada e vinculada ao controle ListView.

Para configurar o ListView clique no link : Configure ListView...

Em Configure ListView defina a configuração para o componente conforme a figura abaixo (ou ao seu gosto);

Ao final você deverá obter o componente configurado conforme a figura abaixo:

Executando o web site teremos a apresentação do formulário web Default.aspx exibindo o controle ListView com os dados e os recursos para alterar, incluir e excluir dados da tabela Alunos:

Se alterarmos a instrução SQL da aba SELECT para : SELECT * FROM Alunos order by nome (Para isso clique no SqlDataSource e selecione Configure)

Teremos a exibição dos dados ordenados por nome conforme a figura a seguir:

Com isso acabamos de criar uma interface web usando o controle ListView para realizar as operações básicas de manutenção em um banco de dados sem ter que criar um única linha de código.

Pegue o projeto completo aqui: manuListView.zip

Eu sei é apenas ASP .NET mas eu gosto...

referências:

José Carlos Macoratti