ii semana de tecnologia da informação e-commerce com asp.net lucas simões maistro...
TRANSCRIPT
![Page 1: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/1.jpg)
II Semana de Tecnologia II Semana de Tecnologia da Informaçãoda Informação
E-Commerce com ASP.Net
Lucas Simões [email protected]
![Page 2: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/2.jpg)
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
![Page 3: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/3.jpg)
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
![Page 4: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/4.jpg)
E-Commerce – Iniciando o ProjetoE-Commerce – Iniciando o ProjetoEscolher a opção ASP.Net Web Site
![Page 5: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/5.jpg)
E-Commerce – Iniciando o ProjetoE-Commerce – Iniciando o Projeto Excluir a página
Default.aspx criada pelo Visual Studio
Criar as pastas:◦ Imagens◦ ImgProduto
![Page 6: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/6.jpg)
E-Commerce – Master PageE-Commerce – Master PagePermite ao desenvolvedor criar um layout
consistente para todas as páginas do projeto.
![Page 7: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/7.jpg)
E-Commerce – Master PageE-Commerce – Master Page
Criar uma tag <div> acima da tag já criada por padrão
Inserir um Image
![Page 8: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/8.jpg)
E-Commerce – Master Page (Menu)E-Commerce – Master Page (Menu)
![Page 9: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/9.jpg)
E-Commerce – Master Page (Menu)E-Commerce – Master Page (Menu)
Criar os itens ao lado
![Page 10: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/10.jpg)
E-Commerce – Criando a página HomeE-Commerce – Criando a página Home
![Page 11: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/11.jpg)
E-Commerce – DataListE-Commerce – DataList
DataList renderiza uma lista de controles
![Page 12: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/12.jpg)
E-Commerce – SQLDataSourceE-Commerce – SQLDataSourcePermite
que de forma rápida se selecione uma base de dados
Selecione o tipo de fonte de dados
![Page 13: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/13.jpg)
E-Commerce – SQLDataSourceE-Commerce – SQLDataSourceCriando a
conexão com o banco de dados
![Page 14: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/14.jpg)
E-Commerce – SQLDataSourceE-Commerce – SQLDataSourceMontando a
SQL para carregar produtos
![Page 15: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/15.jpg)
E-Commerce – SQLDataSourceE-Commerce – SQLDataSourceOrdenando o resultado pelo nome do produto
![Page 16: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/16.jpg)
E-Commerce – DataListE-Commerce – DataListConfigurando o DataList
![Page 17: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/17.jpg)
E-Commerce – ImageE-Commerce – Image
Clicar em Edit DataBindings
![Page 18: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/18.jpg)
E-Commerce – LocalizarE-Commerce – Localizar
Inserir um TextBox
No SQLDataSource:◦ Configure
DataSource
![Page 19: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/19.jpg)
E-Commerce – HyperLink nos ProdutosE-Commerce – HyperLink nos Produtos
![Page 20: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/20.jpg)
E-Commerce – Página DetalhesE-Commerce – Página DetalhesAdicionar um novo Item
◦ Salvar como Detalhe_Produto.aspx◦ Selecionar a Master Page
Inserir um DetailsView
![Page 21: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/21.jpg)
E-Commerce – DetailsViewE-Commerce – DetailsViewClicar em Edit
Fields...
![Page 22: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/22.jpg)
E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por CategoriasNa página
Home.aspx◦ Inserir tabela com 1
Linha e 2 Colunas
![Page 23: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/23.jpg)
E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por CategoriasMover o DataList para dentro da 2ª célula da tabela
![Page 24: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/24.jpg)
E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por Categorias Na 1ª célula da tabela colocar um GridView e adicionar um novo SQLDataSource
![Page 25: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/25.jpg)
E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por CategoriasConfigurar
o GridView conforme a figura
![Page 26: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/26.jpg)
E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por CategoriasConfigurar os campos
do GridView conforme a figura
![Page 27: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/27.jpg)
E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por CategoriasAdicionar um novo SQLDataSource
![Page 28: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/28.jpg)
E-Commerce – Pesquisar por CategoriasE-Commerce – Pesquisar por Categorias No GridView ir para
aba de eventos do controle
Duplo clique no evento SelectedIndexChanged
![Page 29: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/29.jpg)
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
![Page 30: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/30.jpg)
E-Commerce – Carrinho de ComprasE-Commerce – Carrinho de Compras Criar a página Carrinho.aspx
◦ Criar os métodos: CreateDataSet() GetDataSet() AddProduto()
![Page 31: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/31.jpg)
E-Commerce – Carrinho de ComprasE-Commerce – Carrinho de Compras Programar o método PageLoad
![Page 32: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/32.jpg)
E-Commerce – Carrinho de ComprasE-Commerce – Carrinho de Compras No método GridDataBind()
No GridView
![Page 33: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/33.jpg)
E-Commerce – Carrinho de ComprasE-Commerce – Carrinho de Compras No GridView
![Page 34: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/34.jpg)
E-Commerce – LoginE-Commerce – Login Criar página Login.aspx
![Page 35: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/35.jpg)
E-Commerce – Criando UsuáriosE-Commerce – Criando Usuários Criar página Cad_User.aspx
![Page 36: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/36.jpg)
E-Commerce – Criando Usuários (Profile)E-Commerce – Criando Usuários (Profile) Abrir arquivo web.config
![Page 37: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/37.jpg)
E-Commerce – Criando UsuáriosE-Commerce – Criando Usuários No controle CreateUserWizard programar o evento
ContinueButtonClick
![Page 38: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/38.jpg)
E-Commerce – Fechamento do PedidoE-Commerce – Fechamento do Pedido
Criar uma pasta chamada Checkout◦ Dentro da pasta criar a página Checkout.aspx
![Page 39: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/39.jpg)
E-Commerce – ASP.Net ConfigurationE-Commerce – ASP.Net Configuration
Ferramenta para configuração da aplicação
![Page 40: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/40.jpg)
E-Commerce – ASP.Net ConfigurationE-Commerce – ASP.Net Configuration
Ferramenta para configuração da aplicação
![Page 41: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/41.jpg)
E-Commerce – Últimos DetalhesE-Commerce – Últimos Detalhes Na página Login.aspx
![Page 42: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/42.jpg)
E-Commerce – Últimos DetalhesE-Commerce – Últimos Detalhes Na página Carrinho.aspx
Na página Cad_User.aspx
![Page 43: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/43.jpg)
E-Commerce – Fechamento do PedidoE-Commerce – Fechamento do Pedido
Persistência do Pedido no Banco de Dados
![Page 44: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/44.jpg)
E-Commerce – Fechamento do PedidoE-Commerce – Fechamento do Pedido
Enviando Pedido por email Email
![Page 45: II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br](https://reader035.vdocuments.site/reader035/viewer/2022062700/552fc12a497959413d8cd569/html5/thumbnails/45.jpg)
E-Commerce – Fechamento do PedidoE-Commerce – Fechamento do Pedido
Programar clique do ImageButton1