II Semana de Tecnologia da Informação

Transcrição

1 II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro

2 E-Commerce Tecnologias Utilizadas no Projeto Visual Studio 2008 ASP.Net 3.5 C# 3.0 ADO.Net SQL Server 2005 Express

3 E-Commerce Iniciando o Projeto Configurando o DataList Iniciar o serviço do SQL Server 2005 Express Criar o Banco de Dados Comercio_EletronicoBD Criar Tabelas, View e Stored Procedures No Visual Studio, iniciar um novo Web Site

4 E-Commerce Iniciando o Projeto Escolher a opção ASP.Net Web Site

5 E-Commerce Iniciando o Projeto Excluir a página Default.aspx criada pelo Visual Studio Criar as pastas: Imagens ImgProduto

6 E-Commerce Master Page Permite ao desenvolvedor criar um layout consistente para todas as páginas do projeto.

7 E-Commerce Master Page Criar uma tag <div> acima da tag já criada por padrão Inserir Image um

8 E-Commerce Master Page (Menu)

9 E-Commerce Master Page (Menu) Criar os itens ao lado

10 E-Commerce Criando a página Home

11 E-Commerce DataList DataList renderiza uma lista de controles

12 E-Commerce SQLDataSource Permite que de forma rápida se selecione uma base de dados Selecione o tipo de fonte de dados

13 E-Commerce SQLDataSource Criando a conexão com o banco de dados

14 E-Commerce SQLDataSource Montando SQL para carregar produtos a

15 E-Commerce SQLDataSource Ordenando o resultado pelo nome do produto

16 E-Commerce DataList Configurando o DataList

17 E-Commerce Image Clicar em Edit DataBindings

18 E-Commerce Localizar Inserir No SQLDataSource: Configure DataSource um TextBox

19 E-Commerce HyperLink nos Produtos

20 E-Commerce Página Detalhes Adicionar um novo Item Salvar como Detalhe_Produto.aspx Selecionar a Master Page Inserir um DetailsView

21 E-Commerce DetailsView Clicar em Edit Fields...

22 E-Commerce Pesquisar por Categorias Na página Home.aspx Inserir tabela com 1 Linha e 2 Colunas

23 E-Commerce Pesquisar por Categorias Mover o DataList para dentro da 2ª célula da tabela

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

25 E-Commerce Pesquisar por Categorias Configurar o GridView conforme a figura

26 E-Commerce Pesquisar por Categorias Configurar os campos do GridView conforme a figura

27 E-Commerce Pesquisar por Categorias Adicionar um novo SQLDataSource

28 E-Commerce Pesquisar por Categorias No GridView ir para aba de eventos do controle Duplo clique no evento SelectedIndexChanged

29 E-Commerce Adicionado Produto ao Carrinho de compras Inserir um ImageButton na página Detalhe_Produto.aspx Programar evento Click

30 E-Commerce Carrinho de Compras Criar a página Carrinho.aspx Criar os métodos: CreateDataSet() GetDataSet() AddProduto()

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

32 E-Commerce Carrinho de Compras No método GridDataBind() No GridView

33 E-Commerce Carrinho de Compras No GridView

34 E-Commerce Login Criar página Login.aspx

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

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

37 E-Commerce Criando Usuários No controle CreateUserWizard programar o evento ContinueButtonClick

38 E-Commerce Fechamento do Pedido Criar uma pasta chamada Checkout Dentro da pasta criar a página Checkout.aspx

39 E-Commerce ASP.Net Configuration Ferramenta para configuração da aplicação

40 E-Commerce ASP.Net Configuration Ferramenta para configuração da aplicação

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

42 E-Commerce Últimos Detalhes Na página Carrinho.aspx Na página Cad_User.aspx

43 E-Commerce Fechamento do Pedido Persistência do Pedido no Banco de Dados

44 E-Commerce Fechamento do Pedido Enviando Pedido por

45 E-Commerce Fechamento do Pedido Programar clique do ImageButton1