ii semana de tecnologia da informação e-commerce com asp.net lucas simões maistro...

II Semana de Tecnologia II Semana de Tecnologia da Informaçãoda Informação

E-Commerce com ASP.Net

Lucas Simões Maistrolucassimoes@univem.edu.br

E-Commerce – Tecnologias E-Commerce – Tecnologias Utilizadas no ProjetoUtilizadas no Projeto

Visual Studio 2008◦ASP.Net 3.5◦C# 3.0◦ADO.Net

SQL Server 2005 Express

E-Commerce – Iniciando o ProjetoE-Commerce – Iniciando o Projeto

Iniciar o serviço do SQL Server 2005 Express

Criar o Banco de Dados Comercio_EletronicoBD

Criar Tabelas, View eStored Procedures

No Visual Studio,iniciar um novoWeb Site

Configurando o DataList

E-Commerce – Iniciando o ProjetoE-Commerce – Iniciando o ProjetoEscolher a opção ASP.Net Web Site

E-Commerce – Iniciando o ProjetoE-Commerce – Iniciando o Projeto Excluir a página

Default.aspx criada pelo Visual Studio

Criar as pastas:◦ Imagens◦ ImgProduto

E-Commerce – Master PageE-Commerce – Master PagePermite ao desenvolvedor criar um layout

consistente para todas as páginas do projeto.

E-Commerce – Master PageE-Commerce – Master Page

Criar uma tag <div> acima da tag já criada por padrão

Inserir um Image

E-Commerce – Master Page (Menu)E-Commerce – Master Page (Menu)

E-Commerce – Master Page (Menu)E-Commerce – Master Page (Menu)

Criar os itens ao lado

E-Commerce – Criando a página HomeE-Commerce – Criando a página Home

E-Commerce – DataListE-Commerce – DataList

DataList renderiza uma lista de controles

E-Commerce – SQLDataSourceE-Commerce – SQLDataSourcePermite

que de forma rápida se selecione uma base de dados

Selecione o tipo de fonte de dados

E-Commerce – SQLDataSourceE-Commerce – SQLDataSourceCriando a

conexão com o banco de dados

E-Commerce – SQLDataSourceE-Commerce – SQLDataSourceMontando a

SQL para carregar produtos

E-Commerce – SQLDataSourceE-Commerce – SQLDataSourceOrdenando o resultado pelo nome do produto

E-Commerce – DataListE-Commerce – DataListConfigurando o DataList

E-Commerce – ImageE-Commerce – Image

Clicar em Edit DataBindings

E-Commerce – LocalizarE-Commerce – Localizar

Inserir um TextBox

No SQLDataSource:◦ Configure

DataSource

E-Commerce – HyperLink nos ProdutosE-Commerce – HyperLink nos Produtos

E-Commerce – Página DetalhesE-Commerce – Página DetalhesAdicionar um novo Item

◦ Salvar como Detalhe_Produto.aspx◦ Selecionar a Master Page

Inserir um DetailsView

E-Commerce – DetailsViewE-Commerce – DetailsViewClicar em Edit

Fields...

E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por CategoriasNa página

Home.aspx◦ Inserir tabela com 1

Linha e 2 Colunas

E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por CategoriasMover o DataList para dentro da 2ª célula da tabela

E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por Categorias Na 1ª célula da tabela colocar um GridView e adicionar um novo SQLDataSource

E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por CategoriasConfigurar

o GridView conforme a figura

E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por CategoriasConfigurar os campos

do GridView conforme a figura

E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por CategoriasAdicionar um novo SQLDataSource

E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por Categorias No GridView ir para

aba de eventos do controle

Duplo clique no evento SelectedIndexChanged

E-Commerce – Adicionado Produto ao E-Commerce – Adicionado Produto ao Carrinho de comprasCarrinho de compras Inserir um ImageButton

na página Detalhe_Produto.aspx

Programar evento Click

E-Commerce – Carrinho de ComprasE-Commerce – Carrinho de Compras Criar a página Carrinho.aspx

◦ Criar os métodos: CreateDataSet() GetDataSet() AddProduto()

E-Commerce – Carrinho de ComprasE-Commerce – Carrinho de Compras Programar o método PageLoad

E-Commerce – Carrinho de ComprasE-Commerce – Carrinho de Compras No método GridDataBind()

No GridView

E-Commerce – Carrinho de ComprasE-Commerce – Carrinho de Compras No GridView

E-Commerce – LoginE-Commerce – Login Criar página Login.aspx

E-Commerce – Criando UsuáriosE-Commerce – Criando Usuários Criar página Cad_User.aspx

E-Commerce – Criando Usuários (Profile)E-Commerce – Criando Usuários (Profile) Abrir arquivo web.config

E-Commerce – Criando UsuáriosE-Commerce – Criando Usuários No controle CreateUserWizard programar o evento

ContinueButtonClick

E-Commerce – Fechamento do PedidoE-Commerce – Fechamento do Pedido

Criar uma pasta chamada Checkout◦ Dentro da pasta criar a página Checkout.aspx

E-Commerce – ASP.Net ConfigurationE-Commerce – ASP.Net Configuration

Ferramenta para configuração da aplicação

E-Commerce – ASP.Net ConfigurationE-Commerce – ASP.Net Configuration

Ferramenta para configuração da aplicação

E-Commerce – Últimos DetalhesE-Commerce – Últimos Detalhes Na página Login.aspx

E-Commerce – Últimos DetalhesE-Commerce – Últimos Detalhes Na página Carrinho.aspx

Na página Cad_User.aspx

E-Commerce – Fechamento do PedidoE-Commerce – Fechamento do Pedido

Persistência do Pedido no Banco de Dados

E-Commerce – Fechamento do PedidoE-Commerce – Fechamento do Pedido

Enviando Pedido por email Email

E-Commerce – Fechamento do PedidoE-Commerce – Fechamento do Pedido

Programar clique do ImageButton1