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.
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 |
...