msdn20_capa.JPG

Clique aqui para ler todos os artigos desta edição

 

Tutorial Asp.Net – Portal Sea & Web – Parte II

por Marcos Santos e Alexandre Santos

Este artigo discute

Este artigo usa as seguintes tecnologias:

·          Globalization

·          Cascading Style Sheets (Css)

·          Cache

·          User Controls

C#, SQL Server, ASP .Net.

 

Download:

SeaWeb.zip (250 KB)

Chapéu

ASP.NET

 

 

Na parte I deste artigo, publicado na edição anterior, apresentamos as funcionalidades que utilizaremos no Portal Sea & Web, assim como desenvolvimento do módulo Login. Continuaremos nossa aplicação com a construção dos user controls Header e Footer que farão a padronização dos cabeçalhos e rodapés de todas as páginas. Além disto, iniciaremos a criação do módulo Notícias, onde o usuário poderá visualizar e cadastrar notícias relacionadas ao seu departamento.

User Controls

Os user controls permitem a reutilização do mesmo conteúdo e da mesma lógica de programação em várias páginas de um mesmo projeto, além de ser possível manipula-los como objetos, com atributos e propriedades. Uma de suas características iniciais é a extensão .ascx.

A reutilização em questão facilita a organização e manutenção de itens comuns entre páginas, como cabeçalho, rodapé e menus. Para utilizarmos destas vantagens, criaremos os seguintes user controls:

 

·     Header.ascx. Como cabeçalho de todas as páginas da aplicação.

·     Foorter.ascx. Como o rodapé de todas as páginas da aplicação.

·     MenuTopo.ascx. Através deste menu o usuário poderá navegar entre os módulos do portal. A página Login.aspx é a única a não possuí-lo, por questões de segurança, já que o usuário deve primeiramente se autenticar.

·     MenuNoticia.aspx. Criado como sub-menu, exclusivo, do módulo notícias, por questões de organização do código do aplicativo.


Criando o user control Header.ascx

Abra o projeto SeaWeb e no Solution Explorer, clique com o botão direito sobre o nome do projeto, selecione Add/New Folder e crie a pasta UserControls. Repita esta operação para a pasta Images.      Clique com o botão direito na pasta UserControls e selecione Add / Add Web User Control. Digite o nome do user control Header.ascx. Insira 2 controles:

 

ID

Tipo

Propriedades

imgLogo

Image

ImageUrl=../images/Logo.jpg

lblData

Label

Text=.: Segunda Feira, 01/01/1900

...

Quer ler esse conteúdo completo? Seja um assinante e descubra as vantagens.
  • 473 Cursos
  • 10K Artigos
  • 100 DevCasts
  • 30 Projetos
  • 80 Guias
Tenha acesso completo