Artigo Webmobile 1- Tutorial ASP.NET

Esse artigo faz parte da revista WebMobile edi��o 1. Clique aqui para ler todos os artigos desta edi��o

Tutorial ASP.NET

Por Eduardo Bottcher

A tecnologia ASP.NET, lan�ada pela Microsoft em 2002, pode ser considerada um marco hist�rico na �rea de desenvolvimento de aplicativos voltados para a web, pelo fato de ter sido uma linguagem idealizada, projetada e preparada para um mundo onde a Internet � parte fundamental do cotidiano das pessoas e das empresas. Al�m de trazer novos recursos que fazem de uma p�gina web uma interface quase t�o rica quanto um formul�rio convencional, a linguagem ASP.NET e seus conceitos s�o bastante simples de aprender. Por estes motivos � que em t�o pouco tempo essa tecnologia ganhou um significativo espa�o no mercado, e cada dia vem crescendo o n�mero de empresas que passam a utiliz�-la.

Neste tutorial, vamos aprender como desenvolver um aplicativo em ASP.NET usando seu novo modelo de programa��o e veremos como utilizar seus novos recursos.

Configurando o ambiente

Uma p�gina ASP.NET � muito mais que uma simples p�gina ou site est�tico, pois permite uma dinamicidade das informa��es contidas nessas p�ginas. Uma p�gina desenvolvida em ASP.NET � um aplicativo .NET para ambientes web, ou seja, um programa que trabalha na arquitetura cliente-servidor utilizando a internet ou intranet como meio de comunica��o dos dados e com interface baseada em HTML para trafegar os dados via protocolo HTTP. Para tornar poss�vel este cen�rio, � necess�rio que esteja instalado um programa servidor de aplica��es web na m�quina que funcionar� como servidor. Existem diversos servidores de aplica��es dispon�veis. Neste tutorial utilizaremos o IIS (Internet Information Services). Sua instala��o � simples e quaisquer configura��es adicionais para rodar o ASP.NET ser�o gerenciadas pelo software de desenvolvimento que iremos usar.

Tamb�m ser� necess�rio instalar o .NET Framework, que pode ser encontrado em (http://www.microsoft.com/downloads/details.aspx?FamilyID=262D25E3-F589-4842-8157-034D1E7CF3A3&displaylang=en). Este componente � o respons�vel pela execu��o e processamento das p�ginas ASP.NET. Como esse processamento � realizado no servidor, n�o � necess�rio instalar o .NET Framework nas m�quinas clientes que v�o acessar essas p�ginas. Para ambientes de desenvolvimento, a mesma m�quina que ser� o servidor tamb�m funcionar� como cliente, utilizando os endere�os http://localhost ou http://127.0.0.1 para fazer refer�ncia � m�quina local.

Neste tutorial usaremos o Visual Studio.NET 2003 para desenvolver nossas aplica��es. Embora voc� possa escrever suas p�ginas em outros programas como o Web Matrix (software gratuito dispon�vel em http://www.asp.net/webmatrix) ou at� mesmo no bloco de notas utilizando o .NET Framework SDK (http://www.microsoft.com/downloads/details.aspx?familyid=9B3A2CA6-3647-4070-9F41-A333C6B9181D&displaylang=en), o Visual Studio .NET � o mais recomendado, pois apresenta v�rios recursos que facilitam o dia a dia do desenvolvedor, proporcionando ganho de performance e diminuindo o tempo de desenvolvimento (veremos mais a frente alguns desses recursos).

Minha primeira p�gina ASP.NET

Para escrever nossa primeira p�gina ASP.NET, abra o Visual Studio.NET e clique no Menu File � New � Project (ou a tecla de atalho Crtl+Shift+N). A Figura 1 mostra a tela com as op��es de Projeto.

Figura 1. Escolha a linguagem e o tipo de projeto.

Nesta tela devemos escolher primeiramente qual linguagem iremos desenvolver nossa p�gina. Neste Tutorial usaremos o VB.NET, mas nada impede que voc� escolha o C# ou outra linguagem compat�vel com o .NET Framework. Ap�s escolher a linguagem na lista a esquerda da tela, selecione ao lado a op��o ASP. NET Web Application, conforme apresentado na Figura 1. Logo abaixo, no campo location, onde estiver escrito webapplication1, renomeie para TutorialASPNET, que ser� o nome do nosso projeto. Logo depois clique em OK. A Figura 2 mostra a tela principal do Visual Studio.NET para o desenvolvimento de p�ginas ASP.NET.

Figura 2. Tela Principal do Visual Studio.NET

Antes de prosseguir vamos conhecer as principais janelas do Visual Studio.NET:

� Solution Explorer (Figura 2A): � onde visualizamos os arquivos que fazem parte do projeto, onde podemos organizar os arquivo em pastas e ver quais as referencias externas que s�o feitas pelo projeto.

� Menu Bar (Figura 2B): localizada no topo da tela, cont�m �cones de atalho como copiar, recortar, colar, salvar, abrir, executar entre outros.

� ToolBox (Figura 2C): � a barra de ferramentas onde est�o os objetos e elementos que eu posso adicionar na minha p�gina. Ex: TextBox, Label, etc.

� �rea de Trabalho (Figura 2D): � a regi�o onde o c�digo da p�gina � visualizado e editado. � poss�vel alterar a visualiza��o para design ou ver o c�digo HTML clicando os respectivos bot�es localizados na parte inferior dessa janela.

� Properties window (Figura 2E): � a janela na qual alteramos as propriedades como fonte, texto, vinculo de dados e o posicionamento dos objetos que est�o na p�gina.

Web Forms

Cada p�gina ASP.NET tamb�m � chamada de Web Form (formul�rio web), pois seu conceito � muito parecido com um formul�rio de aplica��es desktop convencional, quer dizer, uma tela composta por diversos tipos de controles como caixas de texto, labels e bot�es, entre outros que servem de intera��o entre o usu�rio e o sistema. No Visual Studio.NET, para adicionar um controle basta arrast�-lo da Toolbox para dentro do formul�rio web.

Para o nosso primeiro exemplo, iremos fazer uma tela de login de um sistema, contendo campos para informar o login do usu�rio, a senha e um bot�o para efetuar o acesso. O primeiro passo � criar um novo Web Form. Para isso clique em File � Add New Item. Na janela que ir� aparecer, selecione o item Web Form, nomeie-o para MinhaPagina.aspx e clique em OK (ver Nota 1).

Nota 1

Quando criamos um novo projeto, j� � criada por padr�o uma p�gina Web chamada WebForm1.aspx, que pode ser acessado pelo solution explorer. Est� p�gina est� sendo criada apenas para demonstrar todo o processo.

A Tabela 1 cont�m a listagem dos objetos utilizados nesta tela e as propriedades que devem ser alteradas nesses objetos. A Figura 3 apresenta o resultado da constru��o da nossa tela exemplo de login (ver Nota 2).

Figura 3. a tela de acesso a um sistema do nosso exemplo

Tabela 1. Objetos da tela de Login

Tipo de Controle	ID	Text	Visible	ForeColor
Label	lblLogin	Login	True
Label	lblSenha	Senha	True
Label	lblMensagem		False	Red
TextBox	Txtlogin		True
TextBox	Txtsenha		True
Button	Btnlogar	Entrar	True

Nota 2

Para que apare�am �*� na caixa de senha conforme o usu�rio vai digitando o valor de sua senha correta, coloque o valor �Password� na propriedade textmode do objeto Txtsenha.

Vamos analisar agora o HTML resultante desta tela. A Listagem 1 apresenta o c�digo HTML da p�gina gerada. Voc� pode visualizar este c�digo clicando no bot�o HTML no canto inferior esquerdo da �rea de trabalho do Visual Studio.NET (Figura 2D).

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="MinhaPagina.aspx.vb" Inherits="TutorialASPNET.MinhaPagina"%>

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="MinhaPagina.aspx.vb" Inherits="TutorialASPNET.MinhaPagina"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

      <HEAD>

                 <title>Tela de Login</title>

                 <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">

            <meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">

                 <meta name="vs_defaultClientScript" content="JavaScript">

                             <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

            </HEAD>

            <body MS_POSITIONING="GridLayout">

                 <form id="Form1" method="post" runat="server">

                        <asp:Label id="Lbllogin" runat="server" ForeColor="Black">Login

         </asp:Label>

                        <asp:Label id="lblsenha" runat="server">Senha </asp:Label>

                        <asp:TextBox id="Txtlogin" runat="server"> </asp:TextBox>

                        <asp:TextBox id="Txtsenha" runat="server"></asp:TextBox>

                        <asp:Button id="Btnlogar" runat="server" Text="Entrar" Width="120px">

         </asp:Button>

                        <asp:Label id="lblmensagem" runat="server" Visible="False"></asp:Label>

                 </form>

            </body>

</HTML>

Basicamente, o c�digo HTML de uma p�gina ASP.NET � composto por tags HTML padr�o e algumas tags que iniciam com �<asp: �. Estas tags s�o chamadas de Web Controls, que s�o controles pertencentes ao .NET Framework e que tem seu comportamento gerenciado no servidor. Essas tags foram sendo adicionadas ao c�digo conforme arrast�vamos os objetos para a p�gina. Por exemplo, a tag descrita abaixo representa o web control TextBox.

<asp:TextBox id="TextBox2" runat="server"> </asp:TextBox>

Quando a p�gina � exibida em um browser, cada web control � representado por uma tag HTML padr�o, ou seja, n�o veremos no navegador uma tag �<asp:textbox>� e sim sua correspondente, neste caso �<input type=text>�. Al�m de ter as propriedades comuns �s suas tags HTML correspondentes, os web controls possuem outras propriedades que os tornam mais pr�ticos e eficientes. Veja o exemplo abaixo.

<asp:Label id="lblmensagem" runat="server" Visible="False"></asp:Label>

Um <asp:label> � um web control que exibe um texto na p�gina. Quando acessado pelo cliente � representado pela tag <span>. Perceba que h� uma propriedade Visible=�False� nesta tag que faz com que, quando a p�gina seja carregada, esse texto n�o apare�a. Este tipo de recurso, ou propriedade, n�o existe na tag <span>, e para ter esse efeito � necess�rio ao programador adicionar um estilo ou usar um JavaScript. No entanto, a p�gina ASP.NET faz isso automaticamente. Ao carregar a p�gina, o .NET Framework identifica essas propriedades e compatibiliza o c�digo para criar um c�digo HTML resultante que realiza o efeito desejado sem que haja esfor�o adicional por parte do desenvolvedor.

Ainda no c�digo desenvolvido para a tela de login, temos a seguinte tag que representa o web control do bot�o que ir� validar o login e a senha do usu�rio.

<asp:Button id="Button1" runat="server" Text="Entrar" Width="120px"></asp:Button>

Fazendo o Postback da p�gina

Quando criamos um formul�rio, � necess�rio indicar atrav�s da propriedade action da tag <form> o destino para o qual os dados ser�o remetidos. Existem dois destinos para onde esses dados podem ser encaminhados: para um e-mail usando o comando mailto:emaildesejado e, para uma outra p�gina que contenha scripts que possam receber e processar os dados. Para evitar que se tenham dois arquivos, um com o formul�rio e outro que processe os dados, segmentando desnecessariamente o c�digo (� claro que em alguns casos isso se faz necess�rio), colocamos o form e o c�digo na mesma p�gina, fazendo com que ao submeter o formul�rio a p�gina envie os dados para ela mesma, e d� continuidade ao processamento da aplica��o. Esta opera��o de enviar os dados de uma p�gina para si mesma � chamada de Postback da p�gina e � um recurso muito utilizado nos web forms. Enquanto em outras linguagens, quando fazemos Postback, precisamos de um c�digo adicional para recuperar e repovoar os campos do formul�rio (os dados preenchidos s�o enviados, mas os valores nos campos do formul�rio n�o s�o mantidos), um web form j� faz isso automaticamente, visto que seus web controls s�o gerenciados no servidor, mantendo os dados da p�gina sem que haja nenhum c�digo adicional. Para configurarmos o Postback � necess�rio que a p�gina tenha a seguinte tag

<form id="Form1" method="post" runat="server"></form>

Al�m disso, todos os controles que necessitem ter seus valores recuperados devem estar entre essas tags e devem ter sua a propriedade runat="server". � importante ressaltar que s� � permitido apenas uma tag <form> com a propriedade runat="server" por p�gina.

Nota 3

Al�m de web controls, uma p�gina ASP.NET tamb�m pode ter os chamados HTML Controls, controles HTML padr�o, e os Web user controls, controles personalizados.

CodeBehind

Cada P�gina ASP.NET � composta por um arquivo .aspx que contem o HTML da p�gina e lida com a parte visual, e um arquivo .aspx.vb que cont�m toda a parte de programa��o. Esta separa��o de funcionalidade por arquivos � chamada de CodeBehind, ou c�digo por tr�s de uma p�gina. As p�ginas aspx de um site s�o passadas ao browser enquanto que os arquivos .vb s�o compilados em uma dll e controlam a execu��o da p�gina.

Para vincular qual arquivo .vb controla qual arquivo aspx, precisamos adicionar ao aspx uma diretiva. A linha abaixo mostra esse comando:

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="MinhaPagina.aspx.vb" Inherits="TutorialASPNET.MinhaPagina"%>

Esta linha � obrigat�ria em todos os arquivos aspx, pois nos fornece informa��es importantes sobre a p�gina. Na diretiva Codebehind="MinhaPagina.aspx.vb� estamos informando qual arquivo controlar� esta p�gina (no Visual Studio.NET esses dados j� s�o preenchidos automaticamente).

Outra vantagem do uso do CodeBehind � que profissionais de �reas diferentes podem trabalhar independentemente na mesma p�gina sem que um interfira no trabalho do outro. Em outras palavras, o designer pode ficar codificando o HTML da p�gina no arquivo aspx enquanto o programador se encarrega da programa��o no arquivo .vb.

Como toda a plataforma .NET, uma aplica��o ASP.NET � baseada nos conceitos de orienta��o a objetos. Cada web form � considerado uma classe, que � descrita no arquivo aspx.vb. Para indicar a classe que representa e descreve uma p�gina aspx usamos a diretiva inherits. Assim um arquivo aspx passa a ser uma representa��o visual de uma classe bem definida, possibilitando ao sistema as opera��es cl�ssicas de OO como heran�a, encapsulamento, sobrecarga, etc. A Listagem 2 mostra o c�digo em vb criado pelo Visual Studio.NET para nossa tela de login (ver Nota 4).

Listagem 2. Codebehind gerado pelo VS.NET para a nossa p�gina aspx

Public Class MinhaPagina

    Inherits System.Web.UI.Page

#Region " Web Form Designer Generated Code "

'This call is required by the Web Form Designer.

<System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()

End Sub

Protected WithEvents Lbllogin As System.Web.UI.WebControls.Label

Protected WithEvents Lblsenha As System.Web.UI.WebControls.Label

Protected WithEvents Txtlogin As System.Web.UI.WebControls.TextBox

Protected WithEvents Txtsenha As System.Web.UI.WebControls.TextBox

Protected WithEvents Btnlogar As System.Web.UI.WebControls.Button

Protected WithEvents lblmensagem As System.Web.UI.WebControls.Label

'NOTE: The following placeholder declaration is required by the Web Form Designer.

'Do not delete or move it.

Private designerPlaceholderDeclaration As System.Object

Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init

      'CODEGEN: This method call is required by the Web Form Designer

      'Do not modify it using the code editor.

      InitializeComponent()

End Sub

#End Region

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

      'Put user code to initialize the page here

End Sub

End Class

No c�digo da Listagem 2 temos a descri��o da Classe MinhaPagina que herda da classe System.Web.UI.Page, a classe do .NET Framework que representa uma p�gina web, al�m da declara��o de seus m�todos e atributos. Os atributos s�o os web controls daquela p�gina. Temos ainda os m�todos page_init e page_load, que s�o executados toda vez que a p�gina � carregada ou faz Postback.

Nota 4

Quando o Visual Studio.NET cria o c�digo da classe de uma p�gina, ele automaticamente comenta algumas regi�es do c�digo com r�pidas descri��es sobre sua funcionalidade parte para situar melhor o programador.

Programando a p�gina

Uma vez que j� vimos os principais conceitos que envolvem uma p�gina ASP.NET, vamos continuar a implementa��o do nosso exemplo da tela de login. Vamos agora programar o evento do clique do bot�o para verificar se o login e a senha s�o v�lidos ou n�o. Para isso, na tela de design da p�gina d� um duplo clique no bot�o e digite o c�digo descrito na Listagem 3.

Listagem 3. Validando o login

Private Sub btnlogar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnlogar.Click

    Try

       If txtlogin.Text = "tutorial" And txtsenha.Text = "123456" Then

'verifica se os valores digitados est�o corretos

          Session("login") = txtlogin.Text    'Cria uma sess�o chamada login

          Response.Redirect("PaginaDB.aspx")     'Redireciona para outra p�gina

         Else

             lblmensagem.Visible = True

             lblmensagem.Text = "Login inv�lido"

       End If

     Catch ex As Exception

        lblmensagem.Visible = True

        lblmensagem.Text = ex.Message.ToString

    End Try

End Sub

Temos na Listagem 3 a rotina de clique do bot�o btnlogar. Iniciamos a programa��o com um bloco de tratamento de exce��o try...catch. Ele funciona da seguinte maneira: caso aconte�a algum erro durante a execu��o do c�digo que est� dentro do bloco try, o programa captura esse erro e faz seu tratamento na segunda parte da estrutura, na parte catch do bloco. Neste caso, estamos exibindo a mensagem de erro no objeto label lblmensagem e tornando-a vis�vel, j� que sua propriedade visible foi inicialmente definida como false.

O c�digo � simples. Fazemos um teste para verificar se o valor da caixa de texto txtlogin � �tutorial� e o valor da caixa de texto txtsenha � �123456�. Se for, criamos uma sess�o chamada login com o valor de txtlogin e em seguida redirecionamos o usu�rio para outra p�gina. Caso contr�rio, escrevemos a frase �Login inv�lido� na label lblmensagem e a deixamos como vis�vel.

Perceba que para fazer esta valida��o, a p�gina dever� ir ao servidor, ou melhor, fazer um Postback. Portanto, nenhuma opera��o acima � realizada no cliente. � importante ressaltar tamb�m que se por acaso o login estiver errado, a p�gina exibir� uma mensagem e veremos que o campo login continuar� preenchido (o campo senha n�o, pois se trata de um campo do tipo password) devido � manuten��o do seu estado que � feita no servidor.

Acessando um banco de dados

A plataforma .NET trouxe uma s�rie de inova��es no que diz respeito ao acesso a banco de dados atrav�s da tecnologia ADO.NET (Nota 5). Veremos agora como fazer uma p�gina ASP.NET acessar uma base de dados usando o ADO.NET, al�m de conhecer alguns componentes visuais espec�ficos para manipula��o de dados. Para isso vamos fazer o exemplo de uma p�gina contendo um grid exibindo alguns dados da tabela de produtos. Usaremos como banco de dados o bom e velho Northwind em sua vers�o para Access que pode ser baixado em http://office.microsoft.com/downloads/2000/Nwind2K.aspx.

Nota 5. Tecnologia ADO.NET

A tecnologia ADO.NET � sucessora da ADO, usada em quase todas as plataformas de desenvolvimento da Microsoft, como Visual Basic e ASP. A biblioteca de objetos do ADO.NET � parte integrante do .NET Framework e � respons�vel por prover acesso consistente a bases de dados, seja ela um SQL Server ou qualquer fonte de dados que possa ser acessada via padr�es OLE DB ou ODBC. Al�m de possibilitar a manipula��o dos dados, o ADO.NET conta com suporte integrado ao XML, acesso desconectado a bases de dados entre outros recursos.

Seguindo os passos descritos anteriormente neste tutorial, crie uma nova p�gina chamada PaginaDB.aspx. Adicione um objeto DataGrid que est� na aba Web Forms da barra de ferramentas ToolBox e nomeie-o para �DGProdutos�. A Figura 4 mostra como deve ficar a sua p�gina.

Figura 4. Exibindo dados do banco de dados.

� necess�rio agora configurar nosso datagrid para exibir os dados corretamente. O Visual Studio.NET possui um assistente para alterar as propriedades do datagrid. Para acess�-lo, clique com o bot�o direito no grid e selecione Property Builder. A Figura 5 apresenta a tela para configura��o das propriedades de um datagrid. Na aba Columns, adicione as colunas de acordo com o que est� descrito na Tabela 2. Desmarque a op��o acima �create columns automatically at run time� para que possamos configurar manualmente as colunas. Para aplicar um layout no visual do grid, clique com o bot�o direto em cima dele, selecione auto format e escolha uma das op��es dispon�veis.

Figura 5. Wizard para configura��o do datagrid

Tabela 2. Colunas do Datagrid

Tipo de Coluna	Header Text	Data Field
Bound Column	Produto	Productname
Bound Column	Pre�o Unit�rio	UnitPrice
Bound Column	Unidades em Estoque	UnitsInStock

Uma vez configurado o datagrid, vamos descrever o c�digo para acessar o banco e exibir os dados no datagrid. A Listagem 4 mostra como fica o c�digo HTML do aspx e na Listagem 5 temos o c�digo do arquivo .vb.

Listagem 4. C�digo HTML da p�gina contendo um objeto datagrid

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="PaginaDB.aspx.vb" Inherits="TutorialASPNET.PaginaDB"%>

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="PaginaDB.aspx.vb" Inherits="TutorialASPNET.PaginaDB"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

            <HEAD>

           <title>index</title>

                <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">

                <meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">

                <meta content="JavaScript" name="vs_defaultClientScript">

                <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">

            </HEAD>

            <body MS_POSITIONING="GridLayout">

                        <h2 align="center">Listagem de Produtos</h2>

                        <form id="Form1" method="post" runat="server">

                                   <asp:datagrid id="DGProdutos" runat="server" Height="240px" Width="504px" HorizontalAlign="Center" AutoGenerateColumns="False" BorderColor="#3366CC" Border BorderWidth="1px" BackColor="White" CellPadding="4">

                                               <SelectedItemStyle Font-Bold="True" ForeColor="#CCFF99" BackColor="#009999"></SelectedItemStyle>

                                               <ItemStyle ForeColor="#003399" BackColor="White"></ItemStyle>

                                               <HeaderStyle Font-Bold="True" ForeColor="#CCCCFF" BackColor="#003399"></HeaderStyle>

                                               <FooterStyle ForeColor="#003399" BackColor="#99CCCC"></FooterStyle>

                                               <Columns>

                                                           <asp:BoundColumn DataField="Productname" HeaderText="Produto"></asp:BoundColumn>

                                                           <asp:BoundColumn DataField="UnitPrice" HeaderText="Preço Unitário"></asp:BoundColumn>

                                                           <asp:BoundColumn DataField="UnitsInStock" HeaderText="Unidades em Estoque"></asp:BoundColumn>

                                               </Columns>

                                               <PagerStyle HorizontalAlign="Left" ForeColor="#003399" BackColor="#99CCCC" Mode="NumericPages"></PagerStyle>

                                   </asp:datagrid></form>

            </body>

</HTML>

Listagem 5. C�digo para acessar o banco de dados

1: Public Class PaginaDB

2: Inherits System.Web.UI.Page

3: #Region " Web Form Designer Generated Code "

4:   'This call is required by the Web Form Designer.

5:   <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()

6:   End Sub

7:   Protected WithEvents DGProdutos As System.Web.UI.WebControls.DataGrid

8:   'NOTE: The following placeholder declaration is required by the Web Form Designer.

9:   'Do not delete or move it.

10: Private designerPlaceholderDeclaration As System.Object

11: Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init

12:   'CODEGEN: This method call is required by the Web Form Designer

13:   'Do not modify it using the code editor.

14:   InitializeComponent()

15: End Sub

16: #End Region

17: Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

18:   'Put user code to initialize the page here

19:   Dim conn As New System.Data.OleDb.OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + Server.MapPath("Nwind.mdb") + ";Persist Security Info=False")

20:   conn.Open()

21:   Dim cmd As New System.Data.OleDb.OleDbCommand

22:   Dim adap As New System.Data.OleDb.OleDbDataAdapter

23:   Dim Ds As New DataSet

24:   cmd.CommandText = "Select * from Products order by productname"

25:   cmd.Connection = conn

26:   adap.SelectCommand = cmd

27:   adap.Fill(Ds, "Produtos")

28:   DGProdutos.DataSource = Ds

29:   DGProdutos.DataMember = "Produtos"

30:   DGProdutos.DataBind()

31: End Sub

32: End Class

Todo o processo de acesso ao banco e exibi��o dos dados pelo controle ocorre no evento page_load da p�gina (Linhas 17 a 31), ou seja, durante o carregamento da p�gina. A primeira coisa realizada foi a cria��o de um objeto do tipo oledbconnection (Linha 19) para se conectar ao banco, passando no seu construtor a string de conex�o como par�metro. Finalmente, na linha seguinte (Linha 20) usamos o comando conn.open() para estabelecer a conex�o. Em seguida (Linhas 21, 22 e 23) criamos tr�s novos objetos: um oledbcommand, um oledbdataadapter e um dataset. O command � o objeto que servir� de ponte entre o oledbadapter e o banco de dados. � nele tamb�m que definimos a string de consulta atrav�s da propriedade CommandText, como vemos na Linha 24. Em seguida indicamos qual conex�o o command ir� usar (Linha 25) e vinculamos o command ao adapter (Linha 26).

O dataset � o principal objeto do ADO.NET. Ele � uma cole��o de objetos do tipo datatable e datarelations, permitindo a representa��o em mem�ria de um banco com suas tabelas e relacionamentos. Fazendo uma analogia com o ASP 3, um dataset � uma cole��o de recordsets. Para valorar este dataset, adicionamos a ele um novo datatable com os dados da query usando o m�todo fill do objeto oledbdataadapter, informando tamb�m um nome ao qual referenciaremos este datatable (Linha 27). Uma vez carregado o dataset, precisamos fazer o bind dele no controle datagrid. Bind � a opera��o de ligar um controle a uma fonte de dados, ao inv�s de criar uma estrutura de looping que percorra o banco e adicione os itens no controle um a um. Felizmente, quase todos os web controls do ASP.NET suportam este recurso. Inicialmente definimos a fonte de dados atribuindo o nosso dataset � propriedade datasource (Linha 28). Logo ap�s informamos qual a tabela do conjunto de tabelas do dataset ser� exibida pelo grid, ou seja, o nome que definimos quando executamos o comando Fill, neste caso �Produtos� (Linha 29). Finalizamos executando o comando databind, para efetivamente realizar a opera��o de preencher o grid com os dados do dataset (Linha 30).

Compile o projeto acessando o menu Build � Build Soloution, execute-o atrav�s do menu Debug � Start (ou F5) e j� temos nossa p�gina acessando uma base de dados. Vale ressaltar que a id�ia aqui n�o foi trazer todos os detalhes e recursos do ADO.NET, mas mostrar o necess�rio para fazer um acesso por p�gina ASP.NET.

Conclus�o

O ASP.NET � um novo universo a ser estudado e admirado, tanto por sua praticidade e como pela vastid�o de novos recursos e implementa��es disponibilizadas. Este tutorial teve por objetivo ser uma refer�ncia para que voc� possa dar seus primeiros passos (ou seus primeiros v�os) na tecnologia.

Existem diversas formas de se fazer a mesma coisa no .NET, a id�ia aqui foi mostrar apenas uma op��o, para que possamos evoluir gradativamente. H� muito mais por ser desbravado e explorado. At� a pr�xima.

Tecnologias:

Confira outros conte�dos:

Programador Mobile

Desenvolvimento de aplicativos para...

Conceitos b�sicos para programar para...

Assista grátis a nossa aula inaugural

Perguntas frequentes

Quem somos?

Por que a programação se tornou a profissão mais promissora da atualidade?

Como faço para começar a estudar?

Em quanto tempo de estudo vou me tornar um programador?

Sim, você pode se tornar um programador e não precisa ter diploma de curso superior!

O que eu irei aprender estudando pela DevMedia?

Principais diferenciais da DevMedia

Qual o investimento financeiro que preciso fazer para me tornar um programador?

Como funciona a forma de pagamento da DevMedia?

Por Eduardo Em 2009

Nossos casos de sucesso

Leonardo Carlos

Eu sabia pouqu�ssimas coisas de programa��o antes de come�ar a estudar com voc�s, fui me especializando em v�rias �reas e ferramentas que tinham na plataforma, e com essa bagagem consegui um est�gio logo no in�cio do meu primeiro per�odo na faculdade.

Lucas Rodrigues

Estudo aqui na Dev desde o meio do ano passado! Nesse per�odo a Dev me ajudou a crescer muito aqui no trampo.
Fui o primeiro desenvolvedor contratado pela minha empresa. Hoje eu lidero um time de desenvolvimento!
Minha meta � continuar estudando e praticando para ser um Full-Stack Dev!

Her�clito J�nior

Economizei 3 meses para assinar a plataforma e sendo sincero valeu muito a pena, pois a plataforma � bem intuitiva e muuuuito did�tica a metodologia de ensino. Sinto que estou EVOLUINDO a cada dia. Muito obrigado!

Julio Cablen

Nossa! Plataforma maravilhosa. To amando o curso de desenvolvimento front-end, tinha coisas que eu ainda n�o tinha visto. A did�tica � do jeito que qualquer pessoa consegue aprender. S�rio, to apaixonado, adorando demais.

Joelberth Sena

Adquiri o curso de voc�s e logo percebi que s�o os melhores do Brasil. � um passo a passo incr�vel. S� n�o aprende quem n�o quer. Foi o melhor investimento da minha vida!

Felipe Nunes

Foi um dos melhores investimentos que j� fiz na vida e tenho aprendido bastante com a plataforma. Voc�s est�o fazendo parte da minha jornada nesse mundo da programa��o, irei assinar meu contrato como programador gra�as a plataforma.

Wanderson Oliveira

Comprei a assinatura tem uma semana, aprendi mais do que 4 meses estudando outros cursos. Exerc�cios pr�ticos que n�o tem como n�o aprender, est�o de parab�ns!

Jos� Lucas

Obrigado DevMedia, nunca presenciei uma plataforma de ensino t�o presente na vida acad�mica de seus alunos, parab�ns!

Eduardo Dorneles

Aprendi React na plataforma da DevMedia h� cerca de 1 ano e meio... Hoje estou h� 1 ano empregado trabalhando 100% com React!

Adauto Junior

J� fiz alguns cursos na �rea e nenhum � t�o bom quanto o de voc�s. Estou aprendendo muito, muito obrigado por existirem. Est�o de parab�ns... Espero um dia conseguir um emprego na �rea.

Ver todos os casos de sucesso