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

ASP.NET Criando a Primeira Aplicao Web

Abra o Visual Studio e crie um novo projeto do tipo ASP.NET Web Application e chame-o de AplicacaoWeb1, conforme ilustrado na figura abaixo:

Aps a criao, podemos verificar na janela Solution Explorer que o VS criou a estrutura do nosso web site com pastas e arquivos, conforme figura a seguir:

Uma aplicao web ASP.NET pode conter diversos tipos de arquivos, a tabela a seguir explica de forma resumida alguns desses tipos: Tipo de arquivo Web Form Master Page Web User Control Web Configuration File Skin File Class Extenso .aspx .master .ascx .config .skin .cs Descrio Representa uma pgina que os usurios podero ver em seus browsers. Estes arquivos nos permitem definir estruturas globais de layout para as pginas Contm "pedaos de pginas" que podem ser reutilizados em diversas pginas do site. Contm configuraes globais que so utilizadas pelo site criado Contm as definies de como os controles sero exibidos (aparncia) Cdigo fonte C# do web site. Cada Web Form (.aspx) possui um arquivo .cs vinculado conhecidos como arquivos Code Behind. Neste arquivo podemos programar alguns eventos de aplicao acontecem, como quando a aplicao iniciada no servidor web, quando uma sesso de usurio for iniciada, quando um erro for disparado etc

Global Application Class

.asax

Vamos continuar a construir nossa aplicao web. Na janela Solution Explorer, selecione os arquivos About.aspx, Default.aspx e Site.master e exclua-os do projeto. Depois insira um novo Web Form atravs do menu Project / Add New Item. Chame-o de DataAtual.aspx, conforme figura:

Agora vamos definir este Web Form como a pgina inicial da nossa aplicao. Fazemos isso selecionando-a na janela Solution Explorer, clicando com o boto direito e marcando a opo Set As Start Page, conforme ilustrao:

Na paleta de componentes, arrastem um Label para dentro da regio do body da nossa pgina. Definam sua propriedade ID para lblData Atual. Agora vamos inserir o cdigo para exibir a data atual neste label assim que a pgina for carregada. D um duplo-clique em qualquer rea da pgina que esteja fora do body isso far com que o arquivo .cs (code behind) vinculado nossa pgina seja exibido. Percebam que j estar definido um evento chamado Page_Load este evento disparado assim que a pgina for carregada pelo servidor web. Insira o cdigo a seguir dentro deste evento:

Agora execute sua aplicao e veja o resultado. Aps a pgina ser exibida, pressionem Ctrl+F5 para recerreg-la e vejam que a data e hora sero atualizadas. Esta pgina
3

foi gerada dinamicamente pelo servidor web e enviada para o browser do usurio. Examinem o cdigo fonte da pgina gerada e vejam que no h cdigo ASP.NET dentro dela, apenas o HTML. Perceba que um cone aparecer na barra de tarefas, ele se refere ao ASP.NET Development Server, o qual um servidor web que o VS inicializa para visualizarmos nossa aplicao durante o seu desenvolvimento. Quando uma aplicao estiver finalizada, ela ir ser executada por um servidor web mais robusto e confivel, o IIS (Internet Information Services).