ASP.NET 2005 - Criando uma site completo com carrinho de compras III
Para acompanhar a introdução sobre a construção do site completo com carrinho de compras veja os artigos já publicados:
Criando o contador de acessos do site
Continuando a construção do nosso site completo com carrinho de compras vamos agora implementar o contador de acesso do site e exibi-lo no cabeçalho a direita da master page.
O contador de acessos deverá registrar o número de acessos ao site, logo, toda vez que o site for acessado por um usuário devemos ter um contador que seja incrementado. O contador deverá ser incrementado para cada sessão de um novo usuário que acessa o site, assim teremos somente um incremento por sessão de usuário.
Qual seria um bom lugar para colocarmos um contador ? As páginas do site não seriam um bom lugar pois o usuário poderá acessar uma páginas muitas vezes.
O arquivo Global.asax é o lugar ideal para esta finalidade. Este arquivo é equivalente ao arquivo Global.asa do ASP e pode ser colocado no diretório raiz da aplicação ASP.NET possuindo diversos eventos de sessão que podemos usar. Para o nosso caso iremos usar o evento Session_Start que é disparado quando um novo usuário acessa o site.
Clique com o botão direito do mouse sobre o nome do projeto e selecione a opção Add New Item e a seguir selecione o template Global Application Class aceitando o nome padrão Global.asax, e clique em Add;
Localize a sessão : Session_Start e inclua nela código que irá incrementar o nosso contador conforme figura abaixo:
Você terá que declarar o namespace <%@ Import Namespace="System.Data.OleDb" %> pois estamos efetuando o acesso ao banco de dados JcmSoft.mdb e atualizando via instrução SQL :
"UPDATE Contador SET Acessos = Acessos + 1"
a tabela Contador e incrementando o campo Acessos. (Veja o primeiro artigo onde definimos as tabelas)
Para exibir o nosso contador na Master Page vamos usar o controle FormView vinculado a tabela Contador.
A partir da ToolBox inclua um componente FormView na parte inferior do cabeçalho e configure um DataSource usando o AccessDataSource com o nome contadorDS para acessar a tabela Contador, selecione somente o campo Acessos conforme figura abaixo:
Alinhe o componente a direita do cabeçalho e altere a sua propriedade ForeColor para amarelo conforme figura acima.(a direita)
Neste momento devemos aplicar um estilo ao site para facilitar o posicionamento dos componentes e do texto. Eu vou usar um estilo muito simples e se você quiser incrementar o arquivo de estilo fique a vontade.
Primeiro vamos criar um arquivo de estilo. Para isso devemos primeiro incluir um folder ASP.NET no projeto.
Clique com o botão direito sobre o nome do projeto e selecione a opção Add ASP.NET Folder e escolha a opção Theme:
Será criado o folder App_Themes e uma sub-Pasta a qual demos o nome de Tema. Vamos em seguida incluir o arquivo de estilo nesta pasta; para isso selecione a a sub-Pasta e a opção Add New item e em template selecione Style Sheet aceitando o nome padrão : StyleSheet.css e clique no botão Add;
Vamos definir o código do arquivo de estilo conforme abaixo:
body
{margin:0px;} table#MasterTable td, th {font-family:arial; font-size:10pt; vertical-align:top}table#MasterTable td#TitleCell {background-color:#FFFF80; color:#8080FF; padding:5px; font-size:32pt;font-weight:bold}table#MasterTable td#CounterCell {background-color: #8080FF}table#MasterTable td#MenuCell {width:150px; padding:5px}table#MasterTable td#ContentCell {top: 90px;left: 140px;position: absolute; padding:10px} |
Note que para cada seção da tabela MasterTable que criamos definimos um estilo. Para que o estilo possa se aplicado devemos incluir no arquivo web.config a seguinte linha de código:
... <pages theme="Tema"> <namespaces> ........ |
Obs:
Poderíamos ter definido a utilização do arquivo StyleSheet.css na Master Page
através da declaração :
<link href="../Theme/Stylesheet.css" rel="stylesheet">
O próximo passo é definir o id para cada seção da tabela no arquivo Master Page (Na verdade deveríamos ter feito isso quando definimos a tabela)
Você pode definir o id selecionando a seção do leiaute e na janela de propriedades definir a propriedade ID.
Vamos então executar o projeto para ver como esta o nosso site. Neste momento deveremos obter o seguinte resultado:
No próximo artigo veremos a criação das páginas que deverão exibir os artigos e os produtos: Index.aspx e Produtos.aspx , bem como a página Busca.aspx que exibirá o resultado da busca feita no site , até lá...
Veja a continuação do artigo em : Site completo com carrinho de compras IV
A vídeo Aula deste artigo esta no Super DVD Vídeo Aulas
Até o próximo artigo .NET
José Carlos Macoratti