INSTITUTO FEDERAL DE EDUCAO, CINCIA E TECNOLOGIA CAMPUS NATAL - CENTRAL DIRETORIA DE EDUCAO E TECNOLOGIA DA INFORMAO

Av. Sen. Salgado Filho, 1559, Natal/RN, 59015-000. Fone/FAX (084) 4005-2637 E-mail: dietinf@ifrn.edu.br - Site: http://www.ifrn.edu.br/dietinf Apostila: Desenvolvimento Web com ASP.NET Professor: Fabiano Papaiz

Criando uma Aplicao Web com Acesso ao Banco de Dados Nesta aula vamos criar uma pequena aplicao web com acesso ao BD para que o usurio possa cadastrar sua coleo de DVDs. Crie um novo projeto chamado MeusDVDs. Aps ser criado, apague os arquivos About.aspx, Default.aspx e Site.master (caso eles tenham sido criados). Agora vamos criar o banco de dados que ser utilizado pela nossa aplicao. Siga os passos a seguir: 1. No Solution Explorer, localize a pasta App_Data, clique com o boto direito sobre ela e selecione a opo Add / New Item. 2. Na janela Add New Item, selecione a opo SQL Database e defina o nome do banco de dados como meus_dvds.mdf e clique em Add - conforme figura:

3. Isto feito, o VS ir gerar um BD vazio para a nossa aplicao dentro da pasta App_Data.

Agora vamos adicionar uma tabela ao nosso banco de dados. Ser nela onde iremos armazenar os dados sobre nossos DVDs. 1. No Solution Explorer, d um duplo-clique sobre o BD meus_dvds.mdf. Note que ser exibida a janela Server Explorer, a qual exibe os bancos de dados disponveis veja na figura:

2. Selecione a pasta Tables dentro do nosso BD, d um clique com o boto direito e selecione Add New Table. 3. Na janela que aparecer iremos definir os campos da nossa tabela e posteriormente seu nome. Defina os campos conforme exibido abaixo. O campo id dever ser a chave primria e do tipo identity; e o nico campo que poder ser nulo o descricao.

4. Clique em salvar e nomeie a tabela como Filmes.

5. Agora selecione, no Server Explorer, a tabela criada. D um clique com o boto direito sobre ela e selecione a opo Show Table Data. Nesta opo, sero exibidos os registros cadastrados nesta tabela - ainda no temos nenhum registro e por isso vamos adicionar dois filmes (conforme figura a seguir). Lembre-se que o id identity e por isso no precisa ser informado, pois ser gerado automaticamente pelo SQL Server.

Com a nossa tabela pronta, agora vamos criar a pgina web para acessarmos os seus dados. 1. Adicione um web form na aplicao e chame-o de Filmes.aspx e deixe-o na viso de design. 2. Na janela Server Explorer, localize a tabela Filmes, selecione-a e arraste-a para dentro do bloco DIV do web form. 3. Perceba que sero criados dois controles no web form: um GridView (controle em forma de tabela HTML para exibio de dados) e um SQLDataSource (controle para acessar um banco de dados SQL Server).

4. Execute e teste sua aplicao. O resultado dever ser uma pgina com uma tabela carregada com os dados cadastrados, similar figura abaixo:

Na prxima aula, iremos incluir as opes de inserir, alterar e excluir os dados em nosso web form.