450 likes | 541 Views
II Semana de Tecnologia da Informação. E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br. Visual Studio 2008 ASP.Net 3.5 C# 3.0 ADO.Net SQL Server 2005 Express. E-Commerce – Tecnologias Utilizadas no Projeto. Iniciar o serviço do SQL Server 2005 Express
E N D
II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br
Visual Studio 2008 • ASP.Net 3.5 • C# 3.0 • ADO.Net • SQL Server 2005 Express E-Commerce – Tecnologias Utilizadas no Projeto
Iniciar o serviço do SQL Server 2005 Express • Criar o Banco de Dados Comercio_EletronicoBD • Criar Tabelas, View e StoredProcedures • No Visual Studio, iniciar um novo Web Site • Configurando o DataList E-Commerce – Iniciando o Projeto
Escolher a opção ASP.Net Web Site E-Commerce – Iniciando o Projeto
Excluir a página Default.aspx criada pelo Visual Studio • Criar as pastas: • Imagens • ImgProduto E-Commerce – Iniciando o Projeto
Permite ao desenvolvedor criar um layout consistente para todas as páginas do projeto. E-Commerce – Master Page
Criar uma tag <div> acima da tag já criada por padrão • Inserir um Image E-Commerce – Master Page
Criar os itens ao lado E-Commerce – Master Page (Menu)
DataList renderiza uma lista de controles E-Commerce – DataList
Permite que de forma rápida se selecione uma base de dados • Selecione o tipo de fonte de dados E-Commerce – SQLDataSource
Criando a conexão com o banco de dados E-Commerce – SQLDataSource
Montando a SQL para carregar produtos E-Commerce – SQLDataSource
Ordenando o resultado pelo nome do produto E-Commerce – SQLDataSource
Configurando o DataList E-Commerce – DataList
Clicar em Edit DataBindings E-Commerce – Image
Inserir um TextBox • No SQLDataSource: • Configure DataSource E-Commerce – Localizar
Adicionar um novo Item • Salvar como Detalhe_Produto.aspx • Selecionar a Master Page • Inserir um DetailsView E-Commerce – Página Detalhes
Clicar em Edit Fields... E-Commerce – DetailsView
Na página Home.aspx • Inserir tabela com 1 Linha e 2 Colunas E-Commerce – Pesquisar por Categorias
Mover o DataList para dentro da 2ª célula da tabela E-Commerce – Pesquisar por Categorias
Na 1ª célula da tabela colocar um GridView e adicionar um novo SQLDataSource E-Commerce – Pesquisar por Categorias
Configurar o GridView conforme a figura E-Commerce – Pesquisar por Categorias
Configurar os campos do GridView conforme a figura E-Commerce – Pesquisar por Categorias
Adicionar um novo SQLDataSource E-Commerce – Pesquisar por Categorias
No GridView ir para aba de eventos do controle • Duplo clique no evento SelectedIndexChanged E-Commerce – Pesquisar por Categorias
Inserir um ImageButton na página Detalhe_Produto.aspx • Programar evento Click E-Commerce – Adicionado Produto ao Carrinho de compras
Criar a página Carrinho.aspx • Criar os métodos: • CreateDataSet() • GetDataSet() • AddProduto() E-Commerce – Carrinho de Compras
Programar o método PageLoad E-Commerce – Carrinho de Compras
No método GridDataBind() • No GridView E-Commerce – Carrinho de Compras
No GridView E-Commerce – Carrinho de Compras
Criar página Login.aspx E-Commerce – Login
Criar página Cad_User.aspx E-Commerce – Criando Usuários
Abrir arquivo web.config E-Commerce – Criando Usuários (Profile)
No controle CreateUserWizard programar o evento ContinueButtonClick E-Commerce – Criando Usuários
Criar uma pasta chamada Checkout • Dentro da pasta criar a página Checkout.aspx E-Commerce – Fechamento do Pedido
Ferramenta para configuração da aplicação E-Commerce – ASP.Net Configuration
Ferramenta para configuração da aplicação E-Commerce – ASP.Net Configuration
Na página Login.aspx E-Commerce – Últimos Detalhes
Na página Carrinho.aspx • Na página Cad_User.aspx E-Commerce – Últimos Detalhes
Persistência do Pedido no Banco de Dados E-Commerce – Fechamento do Pedido
Enviando Pedido por email Email E-Commerce – Fechamento do Pedido
Programar clique do ImageButton1 E-Commerce – Fechamento do Pedido