Php e mysql aplicacao completa a partir do zero

21,972 views
21,858 views

Published on

Aprenda como construir sua própria aplicação PHP com banco de dados MYSQL a partir do nada.

- Explicações passo a passo totalmente ilustradas
- Indicado para iniciantes ou veteranos no PHP
- Construção do layout a partir do zero
- Códigos php de fácil compreensão
- Construção de uma aplicação web completa
- Conteúdo totalmente ilustrado com mais de 300 imagens
- Aprenda na prática! Aplicação testada pelo desenvolvedor
- 150 páginas

Published in: Education

Php e mysql aplicacao completa a partir do zero

  1. 1. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 1 www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  2. 2. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 2 Sejam Bem-vindos ao curso PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO. Meu nome é FredericoRamos, sou webdesign e programador Freelancer. Neste curso, tentarei ensinar, de maneira totalmente prática, comovocê pode construir sua própria aplicação PHP começando a partir do nada.Para atingirmos esse objetivo, seguiremos o seguinte roteiro:1. Criando o Layout no Fireworks: 1.1. Desenhando o cabecalho e rodapé........................................................................................ página 4 1.2. Desenhando o corpo da aplicação........................................................................................... 17 1.2.1. Criando o menu................................................................................................................... 19 1.3. Fatiando e exportando as imagens.......................................................................................... 222. Criando o banco de dados: 2.1. Baixando e instalando o Xampp.............................................................................................. 29 2.2. Criando o banco de dados e as tabelas.................................................................................... 333. Definindo a Estrutura da Aplicação: 3.1. Criando a aplicação no Dreamweaver...................................................................................... 40 3.2. Importando as imagens.......................................................................................................... 48 3.2.1. Criando a folha de estilos CSS............................................................................................... 53 3.2.2. Inserindo o menu................................................................................................................ 55 3.2.3. Criando a “div” conteudo..................................................................................................... 58 3.2.4. Criando o rodapé................................................................................................................. 59 3.2.5. Criando os itens de menu.................................................................................................... 62 3.2.6. Criando a página principal da aplicação................................................................................. 64 3.2.7 Editando o rodapé................................................................................................................ 68 3.2.8. Criação de páginas dinâmicas............................................................................................... 70 3.2.9. Criando a página index.php.................................................................................................. 75 3.2.10. Criando a página quem somos............................................................................................ 82 3.2.11. Criando a página contato.................................................................................................... 85 3.2.12. Criando a página administração........................................................................................... 89 3.2.13. Inserindo os links de menu................................................................................................. 904. Criando o CRUD: 4.0. Criando a página de autenticação do usuário................................................................................ 92 4.1. Página area administrativa..................................................................................................... 97 4.2. Páginação de resultados........................................................................................................ 103 4.3. Campo de Pesquisa............................................................................................................... 109 4.4. CRUD: Inserir......................................................................................................................... 115 4.5. CRUD: Editar.......................................................................................................................... 121 4.6. CRUD: Excluir......................................................................................................................... 1245. Exportando Aplicação para a Web: 5.1. Back up do banco de dados...................................................................................................... 126 5.2. Criação do domínio e banco de dados....................................................................................... 128 5.3. Baixando o Filezilla portátil........................................................................................................ 135 5.4. Publicando nossa aplicação....................................................................................................... 136 5.5. Corrigindo o arquivo config....................................................................................................... 142 5.6. Criando a tabela usuarios no banco de dados no servidor.......................................................... 145 5.7. Considerações Finais................................................................................................................ 148 www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  3. 3. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 3 PREFÁCIO Muitas são as dúvidas de quem se propõe a iniciar no mundo da programação web. Uma das grandes dificuldades éentender, com exemplos ilustrativos, o que as linhas de código farão na aplicação web. Por este motivo, este livrodestina-se a todas as pessoas que desejam publicar uma aplicação própria na internet. Com exemplos interativos, de fácil compreensão e totalmente práticos, PHP E MYSQL – APLICAÇÃO COMPLETA APARTIR DO ZERO! Vem mostrar até você, de maneira descomplicada, como construir seu próprio aplicativo php. Sãomais de 300 imagens para você se guiar e saber exatamente o que está fazendo.Caso apareçam dúvidas, é possível contactar o autor pelo seu blog, que terá o maior prazer em responder todas asdúvidas dos leitores. Bons estudos! www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  4. 4. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 41.1. Desenhando o cabecalho e rodapé Vamos criar o cabecalho da nossa aplicação. Abra o Fireworks, vá em menu, arquivo, e crie um retangulo com dimensoes 1070px por 333px e fundo transparente:Com a pen tool, crie uma forma que você desejar para o cabecalho: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  5. 5. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 5Preencha a forma com a cor que voce quiser, clicando onde indica a seta azul:Opcionalmente, você pode adicionar um gradiente: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  6. 6. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 6Note que apareceu duas abas, para você escolher as cores em que o gradiente variará: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  7. 7. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 7Aqui eu deixei a Aqui eu deixei a corcor #686859 #DFDFD0Clique no quadradinho preto da linha do gradiente e arraste-o até o meio da figura: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  8. 8. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 8Selecione a figura, clicando nela, copie (control + c) e cole(control + v). Apertando a seta direcional para a direita, ouclicando e segurando, arraste-a para a outra extremidade:Com APENAS a segunda figura selecionada, vá no menu modificar, transformar, e clique em virar horizontalmente: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  9. 9. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 9O resultado deve ser este:Com a ferramenta retangulo selecionada, desenhe um retangulo com as dimensoes 980px por 75px: Você pode alterar as dimensões do retângulo digitando os valores do comprimento em “L”, e a altura em “A”. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  10. 10. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 10Selecione a ferramenta ponteiro e digite contrl + shift + seta para baixo. O retangulo ficará abaixo das duas figurasdesenhadas:Agora vamos inserir sua logomarca. Selecione a ferramenta retangulo com cantos arredondados, e desenhe umretangulo com as dimensoes 400px por 180px:Selecione a ferramenta texto , e digite o que você quiser: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  11. 11. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 11Na figura acima, usei a fonte “Stencil Std”, com tamanho 140, e em negrito “bold”.Para o texto “Desenvolviemento Desktop e Web”, utilize a ferramenta texto novamente, mas com tamanho 18:Selecione a ferramenta “retangulo com cantos arredondados”, e desenhe um retangulo, conforme figura abaixo: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  12. 12. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 12Clique em gradiente, deixe as cores do branco para o branco, e selecione opacidade em 30: v Selecione cor Selecione cor branca v v brancaVamos inserir mais duas imagens para finalizar nosso cabecalho. Vá em menu arquivo, importar, e selecione a imagem: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  13. 13. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 13Caso a imagem que você importou fique muito grande, aperte a tecla shift; com ela pressionada, clique em um doscantos da imagem e arraste-a para redimensionar. Note que o ponteiro do mouse fica branco:OBSERVAÇÃO: A imagem a ser importada deve ter o formato “png”. Se for de outro formato, aparecerá um espaçobranco em volta da imagem, que prejudicará nosso desenho. Veja um exemplo com uma imagem de formato jpeg:Formato que não seja “png” deixa espaço branco no desenho. Não use formato que não seja png!!!Caso você deseje, voce pode adicionar texto ou imagens na barra superior do cabecalho. Se for adicionar texto, use aferramenta “Texto”, conforme explicado anteriormente. Se for usar imagem, vá em menu, arquivo, importar imagem,conforme explicado anteriormente: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  14. 14. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 14Agora que o cabecalho de nossa aplicação está pronto, vamos fazer o último ajuste antes de fatiá-lo. Selecione aprimeira imagem que você desenhou. Aperte e deixe apertado “shift”, e selecione a segunda imagem(a que foi invertidahorizontamente) e selecione o retangulo entre elas. Com todas as 3 selecionadas, clique com o botão direito em umadelas, e selecione “agrupar”:Ao selecionar as 3 imagens, todas as 3 devem ficar com as bordas aparecendo. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  15. 15. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 15Com todas as 3 imagens selecionadas, aperte seta para cima e vá ajustando-a ao topo da tela até não sobrar nenhumpixel:Agora, faremos um corte para finalizar o cabeçalho. Note que está sobrando um espaço no canto direito e inferior daimagem. Para corrigir, selecione a ferramenta cortar e apare a figura,deixando-a assim: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  16. 16. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 16Para salvar o arquivo, vá em menu, arquivo, salvar como:Nomeie como “cabecalho” e escolha o formato png.Finalizamos o cabeçalho.Fazendo o rodapéDesabilite as imagens que não fazem parte do cabecalho, clicando no olho, conforme figura abaixo: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  17. 17. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 17 Clicando no olho, a figura deixa de ficar visível. Se clicar aqui de novo, ela aparecerá. Com as 3 figuras selecionadas(elas devem estar agrupadas. Se não estiverem, selecione-as com a tecla shiftapertada, depois clique com o botao direito, e clique em agrupar), vá em menu, transformar, virar verticalmente:O resultado deverá ser este: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  18. 18. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 18Vá em menu arquivo, salvar como , e save como rodape.png.Finalizamos nosso cabecalho.1.2. Desenhando o corpo da aplicaçãoAntes de iniciarmos, devemos decidir qual será a dimensão de nossa aplicação. Digamos que você escolha que ela seráde 1070px de largura (tem que ser a mesma largura do cabecalho)por 800 de altura. Então, vá no fireworks, menuarquivo, novo:NOTE QUE O FUNDO AGORA É BRANCO: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  19. 19. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 19Importe o cabecalho que criamos. Vá em menu arquivo, importar, e selecione o cabecalho: Control + “+” aumenta o zoom Control + “-” diminui o zoom www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  20. 20. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 20Repita o mesmo procedimento e insira o rodapé. O resultado deve ser este: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  21. 21. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 21Criando o menuCom a ferramenta retangulo , crie um retangulo conforme a figura abaixo, com a corbranca: Com a ferramenta arredondado , crie um retangulo arredondado menor, dentro doretangulo do menu: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  22. 22. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 22 Clique em gradiente, selecione as cores branco para o branco, e opacidade valor 30: Deixe o valor 30Selecione a cor branca. Selecione a cor branca. Resultado de nosso menu: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  23. 23. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 23Criando o corpo da aplicaçãoSelecione a ferramenta quadrado, e insira um quadrado de 30px por 520px:Selecione a ferramenta gradiente, selecione a cor #DFDFD0 para o branco: Selecione a cor branca Selecione a cor #DFDFD0Terminamos a parte de confecção gráfica de nosso layout. Agora fatiaremos nosso layout para exportá-lo para odreamweaver. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  24. 24. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 24 1.3. Fatiando e exportando as imagensVamos inserir duas réguas para auxiliar-nos. Vá em menu exibir, réguas:Posicione o cursor do mouse na regua superior, clique e arraste até a divisa do cabecalho com o menu: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  25. 25. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 25 Posicione o cursor aqui. Clique e arraste... ... até aqui. Note a linha azul que apareceu. Ela é a régua.Vamos fatiar o cabeçalho. Selecione a ferramenta fatia:Clique no canto superior esquerdo e arraste até o comprimento de 360px. Note que quebramos a imagem bem nomeio. Este procedimento visa dificultar a cópia ilegal de seu conteúdo e faz com que sua aplicação rode mais rápido nosbrowsers. Selecione JPEG – qualidade melhor, depois clique em exportar...(veja as setas azuis): www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  26. 26. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 26Vá em menu arquivo, visualizar imagem. A seguinte tela aparecerá: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  27. 27. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 27Na janela que aparecerá, escolha “somente imagens”, e nomeie como cabecalho1, ou parte1, como voce preferir:APENASIMAGENS!!!Repita o procedimento com todo o restante do cabeçalho. Divida-o em 4 ou 5 partes. Após criar outra fatia, selecione aanterior e delete-a.Cabecalho da aplicação fatiado em 4 partes. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  28. 28. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 28Fatiando o menuCom a ferramenta fatia, fatie o menu como uma parte única:Fatiando o corpo da aplicaçãoCom a ferramenta fatia, fatie o corpo da aplicação e exporte –a como “corpo_aplicacao.png”. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  29. 29. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 29Fatiando o rodapéFatie o rodapé como parte única e exporte como imagem no formato png:Terminamos de fatiar nossa aplicação. Agora, vamos criar nossa aplicação no dreamweaver. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  30. 30. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 302.1. Baixando e instalando o XamppPara que nossa aplicação possa funcionar, precisaremos de 3 coisas:- Um servidor de testes para nossa aplicação, o famoso localhost.- Um banco de dados. Usaremos o Mysql.- Um “Front end” do banco de dados para gerenciar nossas tabelas. Usaremos o PHPMyadmin.O Xampp é uma espécie de “pacotão”, onde você instala tudo isso de uma vez. Para baixá-lo, vá no google e digite“download xampp”:Clicando no link da seta acima, aparecerá a página abaixo:Clique no botão “clique para baixar”, apontado pela seta azul. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  31. 31. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 31Aparecerá uma tela perguntando se deseja salvar o arquivo(no meu caso, estou usando o navegador firefox); clique emsave File(salvar arquivo):Após baixar o xampp, localize-o e clique duas vezes para instalá-lo:Aparecerá uma tela perguntando se você deseja executar o xampp. Clique em “Executar”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  32. 32. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 32Selecione o local a ser instalado; no meu caso, escolhi “C:”. NÃO pode haver espaços. Depois, clique em “install”.A instalação iniciar-se-á: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  33. 33. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 33O xampp te perguntará se você deseja adicionar um atalho no desktop. É mais prático que você adicione. Logo, digite“y” e aperte enter.Após a instalação terminar, o xampp criará um ícone na área de trabalho:Pronto! Agora vamos conhecer as ferramentas que usaremos para nosso banco de dados. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  34. 34. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 342.2. Criando o banco de dados e as tabelasPara criarmos o banco de dados, precisamos iniciar o mysql através do xampp. Vá na área de trabalho e dê um duploclick no ícone do xampp. Ele abrirá o painel de controle. Clique no botão “start” do Apache e do Mysql. Após vocêclicar, eles mudarão o nome de “start” para “stop”. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  35. 35. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 35Vá no seu navegador de internet(firefox, chrome, ou internet explorer) e na barra de endereços, digite “localhost”:Você deverá visualizar esta tela:Para criarmos o banco de dados, vá na barra lateral esquerda, na seção “tools”, e clique em “phpmyadmin”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  36. 36. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 36Abrir-se-á a tela do PHPMyadmin. Aqui nós criaremos e gerenciaremos nosso banco de dados.Na coluna lateral esquerda você visualiza os bancos de dados que você criou. No meu caso, tenho alguns de sites demeu portfólio, bem como alguns que uso apenas para testes. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  37. 37. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 372.2. Criando o banco de dados e as tabelasPara criar um banco de dados, clique em “banco de dados”, conforme apontado pela seta azul:Escolha um nome para seu banco de dados, e clique em criar:Agora, seu banco aparecerá na barra lateral: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  38. 38. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 38Agora, temos que definir como será nossa aplicação. Para fins didáticos, construiremos um sistema que cadastraráusuários, permitirá edição e exclusão deles.Construiremos, então, a tabela “usuarios”.Clique no banco de dados que você criou, na barra lateral esquerda do phpmyadmin:Na tela que apareceu, em nome de tabela, digite “usuarios” e em numero de colunas, digite “7”; clique em “executar”,no canto direito: Ampliando a figura: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  39. 39. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 39Na tela que aparecerá, digite os valores de nossas colunas conforme a figura:Descrição dos campos:Em Id,selecione tipo INT, em índice, marque PRIMARY, e selecione a caixa em A_I.PRIMARY significa que este campo receberá uma numeração única; ele será uma chave primária.A_I significa que o campo id é do tipo auto- increment, ou seja, a cada registro novo que for inserido no banco de dados,o número de id aumentará automaticamente.Clique em salvar para criar a tabela usuarios. Sua tabela deverá aparecer na barra lateral esquerda: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  40. 40. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 40Para finalizar o xampp, selecione o ícone do xampp na barra de tarefas; clique com o botão direito do mouse; clique em“quit”:Nosso banco de dados está criado. Estamos prontos para iniciarmos nossa aplicação PHP feita totalmente no braço! www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  41. 41. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 413.1. Criando a aplicação no DreamweaverAntes de abrir o dreamweaver, precisamos criar a pasta de nosso projeto no xampp. Acesse a pasta “htdocs” dentro doxampp pelo windows explorer. Crie a pasta de nosso projeto. Eu chamei a minha pasta de “aplicacaophpmysql”: C:xampphtdocsDentro da pasta da aplicação(aplicacaophpmysql), crie a pasta chamada “imagens”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  42. 42. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 42Abra o dreamweaver, e crie um novo site no menu site, new site e siga as configurações :- nome do site(site name), local padrão do folder ( local root folder), folder padrão das imagens(Default images folder),http endereço(http adress); não clique em OK, ao terminar.Abra seu dreamweaver, clique em menu arquivo, novo, selecione php e clique em criar: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  43. 43. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 43Clique em “Remote Info”, na barra lateral esquerda, e configure:- Acess: Local/Network- Remote folder: C:xampphtdocsaplicacaophpmysqlNAO CLIQUE EM OK www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  44. 44. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 44Clique em “Testing server”, na barra lateral esquerda, e configure:- Server model: PHP MYSQL- Acess: Local/Network- Testing server folder: C:xampphtdocsaplicacaophpmysql- URL prefix: http://localhost/aplicacaophpmysql/FINALMENTE, CLIQUE EM OK! www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  45. 45. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 45Na aba “files” do dreamweaver, se estiver desplugado, clique no botão “conectar ao servidor remoto”: Quando estiver conectado, aparecerá este símbolo(de uma tomada ligada): Agora você visualiza os arquivos da aplicação. Note o comentário “file activity complete”, indicando que agora você está conectado aos seus arquivos da aplicação. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  46. 46. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 46Vamos criar nosso primeiro arquivo PHP. No dreamweaver, vá no menu arquivo, novo, selecione “php”, e clique em“criar”(create):Já vamos logo conectar a aplicação com nosso banco de dados. No dreamweaver, na aba “databases”(banco de dados),clique no sinal de “+”, e em “Mysql Connection”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  47. 47. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 47Aparecerá a tela abaixo. Configure-a assim:- connection name: config- Mysql server: localhost- User name; rootPassword: DEIXE VAZIO( O MEU TEM SENHA PORQUE TENHO VÁRIOS PROJETOS DE CLIENTES EM DESENVOLVIMENTO).REPETINDO: DEIXE O CAMPO PASSWORD VAZIO!!!- database: meubanco( o banco de dados que criamos no phpmyadmin).Clique agora em “Test”, para testarmos a conexao. Deverá aparecer a mensagem de conexão bem sucedidaabaixo(“Conexaõ efetuada com sucesso”): www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  48. 48. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 48Se não apareceu esta mensagem, provavelmente o erro é no campo user ou password. Somente isso pode dar erradoaqui...Nossa aplicação já está conectada ao banco de dados.Vamos iniciar nossa aplicação. Ela terá a seguinte estrutura:CabeçalhoConteúdorodapéO cabeçalho e o rodapé serão os mesmos para toda nossa aplicação. Para criarmos o cabeçalho da aplicação, abra odreamweaver; vá em menu novo(ou new, se seu dreamweaver estiver em inglês)......selecione php e clique em criar:Vamos inserir no cabeçalho as imagens que criamos no fireworks. Localize a pasta onde você as salvou, copie-as e cole-as dentro da pasta do projeto do xampp. Complicou? Vamos passo a passo, então: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  49. 49. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 493.2. Importando as imagensPasso 1) Copie as imagens que você fatiou e exportou pelo fireworks. No meu caso, salvei-as emD:FredProgramacaoebook php mysql:(eu fatiei o cabeçalho em 4 imagens: cabecalho1, cabecalho2, cabecalho3 e cabecalho4) www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  50. 50. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 50Passo 2) Cole as imagens copiadas acima na pasta de imagens do seu projeto, DENTRO DO XAMPP, NA PASTA:“ xampp/htdocs/aplicacaophpmysql/imagens”MUITA ATENÇÃO AQUI! Se você não selecionar a pasta certa, não vai funcionar!!!LEMBRE-SE: Toda vez que você for construir uma aplicação, a pasta do seu projeto SEMPRE deverá estar na pasta htdocsdo xampp.- A pasta desse nosso projeto chama-se “aplicacaophpmysql”; então, a ordem das pastas dentro do xampp será:C:xampphtdocsaplicacaophpmysql (supondo que você instalou o xampp em “C:”).- Se você tiver um projeto chamado “clienteFulano”, a ordem será esta:C:xampphtdocsclienteFulano.Volte ao dreamweaver. Vamos chamar em nosso arquivo php as imagens que acabamos de copiar. Eis o código: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  51. 51. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 51Clique em menu arquivo, salvar como, e salve na pasta de seu projeto(C:xampphtdocsaplicacaophpmysql) com onome “header.php”:Vamos visualizar nossa aplicação? Vá no seu navegador de internet(firefox, chrome ou internet explorer), e digite:“localhost/aplicacaophpmysql/header.php” (sem as aspas).Aparecerá o cabeçalho de nossa aplicação: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  52. 52. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 52 Figura 116. Visualização do cabeçalho no navegador Firefox 16.0.1.Nossa aplicação está centralizada à esquerda. Corrigiremos este detalhe com a aplicação de css.Antes de aplicarmos o estilo em nossa aplicação, vamos encapsular o cabecalho dentro de uma div, para facilitar aestilização. Criaremos uma div chamada “header”, que conterá todo o cabeçalho. Esta div ficará dentro da div “box”,que englobará todo o conteúdo de nossa aplicação.Vamos para o visual que a compreensão ficará mais fácil. No dreamweaver, ainda no arquivo header.php, crie as divsheader e box: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  53. 53. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 53Ampliando:Recorte o conteudo das imagens e cole dentro da div header: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  54. 54. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 543.2.1 Criando a folha de estilos CSSVá no dreamweaver, clique em menu arquivo novo, escolha css e clique em criar(create):O asterisco abaixo reseta todo o estilo. Em margin, o 0 (zero) significa margem zero em cima, e o “auto” significa que amargem horizontal é automática. Quando você definir o valor de 1070px para a div “box”......a aplicação ficará centralizada na tela: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  55. 55. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 55Se você não conseguir visualizar a mudança, experimente clicar no botão “atualizar” do seu navegador de internet, ouapertando a tecla “F5”:Vamos inserir uma borda na div box para podermos visualizar seus limites. Insira no arquivo estilo.css a linha emdestaque abaixo:Agora a div box ganhou uma borda: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  56. 56. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 563.2.2 Inserindo o menuNo dreamweaver, no arquivo header.php, insira a div do menu(codigo destacado abaixo):Figura 125. Toda vez que você fizer alguma alteração nos arquivos, salve-o apertando “control + s”. Se você esquecer desalvar, você não visualizará as mudanças no navegador.No arquivo “estilo.css”, adicione comprimento da div menu e uma cor de fundo(apenas para visulizarmos onde elaestá): www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  57. 57. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 57Veja no navegador de internet(digitando “localhost/aplicacaophpmysql/header.php”) como ficou:Figura 127. O “aaa” na div menu serve apenas para deixá-la visível.Coloque na pasta de imagens do seu projeto a imagem do menu que criamos no fireworks:No meu caso, copiei daqui: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  58. 58. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 58E colei na pasta do projeto, dentro do xampp:Vá no dreamweaver, na folha de estilos, e chame essa imagem que você acabou de copiar como background da divmenu:Figura 130. A altura da div menu (height) deve ser a mesma da imagem(que é de 62px).Veja o resultado no navegador, digitando(localhost/aplicacaophpmysql/header.php): www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  59. 59. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 593.2.3. Criando a “div” conteudoVamos criar a div que abrigará todo o conteúdo de nossa aplicação. Vá no dreamweaver, no arquivo header.php e crie adiv conteúdo:Veja no navegador o resultado: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  60. 60. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 603.2.4. Criando o rodapéNo dreamweaver, no arquivo header.php, insira o código html do rodapé:Veja o resultado no navegador, digitando(localhost/aplicacaophpmysql/header.php): Copie a imagem do rodapé que criamos no dreamweaver e cole na pasta imagens de nosso projeto: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  61. 61. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 61 No dreamweaver, vá no arquivo estilo.css e estilize a div rodapé:Veja o resultado no navegador, digitando(localhost/aplicacaophpmysql/header.php): www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  62. 62. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 62Antes de iniciarmos a criação das páginas de nossa aplicação, vamos melhorar o visual da aplicação e construir nos linksdo menu.No dreamweaver, vá no arquivo estilo.css e retire a borda da div box, retirando a linha de código selecionada abaixo:Veja o resultado no navegador: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  63. 63. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 633.2.5. Criando os itens de menuVá no dreamweaver, no arquivo header.php, e insira o código html dos intens de menu:Vá no arquivo estilo.css, e estilize a ul e a li da div menu: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  64. 64. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 64Veja o resultado no navegador:Eu criei apenas 4 itens. Mas você pode criar quantos você quiser, por exemplo: produtos, depoimentos, categorias, etc.você apenas terá que diminuir o tamanho da <li> no código css: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  65. 65. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 65Criando a página principal da aplicaçãoAntes de criar esta página, precisamos ter em mente o que devemos exibir para nossos visitantes. Para fins didáticos,escolhi exibir os seguintes itens:- 3 fotos sobre desenvolvimento;- Uma breve descrição de cada foto;- 3 notícias sobre a área de programação em php;- 3 ícons para as redes sociais: facebook, twitter e linkdin.Após escolher quais fotos mostrar, vamos inseri-las pelo dreamweaver.Foto1:No dreamweaver, no arquvivo header.php, insira o código destacado abaixo, dentro da div conteudo:No dreameaver, vá no arquivo “estilo.css” e estilize todo o parágrafo(código selecionado em azul) e a ul da divconteudo: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  66. 66. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 66Veja o resultado no navegador:Foto 2:Vá no dreamweaver, e insira a segunda foto e o respectivo texto: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  67. 67. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 67Estilize o texto da segunda foto com o codigo css abaixo:Veja o resultado no navegador: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  68. 68. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 68Foto 3:No dreamweaver, insira o código que mostrará a foto3, bem como o respectivo texto:Veja o resultado no navegador: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  69. 69. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 69Editando o rodapéNo dreamweaver, vá na div rodapé e acrescente o código que mostra copyright, telefone e endereço:No arquivo estilo.css, estilize o rodapé: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  70. 70. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 70Resultado no navegador:Terminamos a página principal da aplicação. Note que, até agora, nosso conteúdo é totalmente estático. Passemosagora para a parte de dinamização do conteúdo. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  71. 71. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 713.2.8. Criação de páginas dinâmicasNo dreamweaver, no arquivo header.php, selecione e RECORTE tudo desde o começo do código até logo depois daabertura da div conteudo:- Abra um novo documento em menu arquivo novo, selecione php , clique em criar e cole o código nele:- salve este documento na pasta de nosso projeto (aplicacaophpmysql) como”cabecalho.php”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  72. 72. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 72RECORTE toda a div rodape: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  73. 73. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 73- Crie novo documento php( control + N);- cole o codigo copiado acima;- salve como footer.php:Vá no arquivo header.php, e coloque o código php que incluirá o cabeçalho:- Vá no final da página header. php e coloque o código que incluirá nosso rodapé: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  74. 74. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 74Agora o cabecalho e rodapé de nossa aplicação aparecerão da mesma forma em todas as páginas.DICA: você sabe que sua aplicação aparecerá com a mesma resolução em todas as telas se ao apertar, por repetidasvezes: 1)control + -(tecla contrl mais sinal de menos), e o layout permanecer intacto: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  75. 75. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 75Ou, 1) contrl + + (control mais sinal de mais), e o layout também permanecer intacto:ATENÇÃO: EM HIPÓTESE ALGUMA, AO SE APERTAR (CONTROL + +) OU (CONTROL + -) O LAYOUT DEVEDESCONFIGURAR. SE ISSO ACONTECER, VOCÊ FEZ ALGO DE ERRADO EM SEU CÓDIGO CSS.EXEMPLO DO QUE NÃO PODE ACONTECER COM SEU LAYOUT: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  76. 76. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 763.2.9. Criando a página index.phpNo dreamweaver, crie novo documento em menu arquivo ,novo , escolha php e clique em criar. Coloque nele somenteo código abaixo: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  77. 77. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 77Salve este arquivo como index.php, na pasta de nosso projeto: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  78. 78. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 78Vá na pasta raiz de nosso projeito( dentro do xampp) e crie uma pasta chamada “nav”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  79. 79. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 79No dreamweaver, vá no arquivo header.php e exclua a linha da funcao include que chama o cabecalho: Exclua também a linha do include que chama o rodapé, ainda no arquivo header.php: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  80. 80. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 80 Nossa página header.php ficou sem cabecalho e sem rodapé. Se você salvá-la e tentar visualizá-la no navegador,ela aparecerá toda desconfigurada, assim:É exatamente isso que queremos!No dreamweaver, vá no menu arquivo, salvar como...: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  81. 81. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 81... e salve a pagina como home.php na pasta nav de nosso projeto:Feche a página header.php. Na pasta de nosso projeto, delete SEM MEDO NEM PRECONCEITO (rsrs) o arquivoheader.php : www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  82. 82. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 82Vá no navegador e digite: localhost/aplicacaophpmysql e veja sua aplicação toda dinâmica! www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  83. 83. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 833.2.10. Criando a página quem somosNo dreamweaver, crie novo arquivo do tipo php. Insira o conteúdo que você quiser para formar esta página. No meucaso aqui, inserirei uma imagem e uma pequena descrição da nossa aplicação.Após encontrar a imagem que você irá exibir na página, copie-a para a pasta imagens de nosso projeto. Eu colei aimagem “logo”: No dreamweaver, crie a pagina “quemsomos.php”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  84. 84. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 84No arquivo estilo.css, estilize a página quemsomos: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  85. 85. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 85Veja o resultado, digitando no navegador “ localhost/aplicacaophpmysql/index.php?topicos=nav/quemsomos ”NOTE QUE O CÓDIGO PARA VISUALIZARMOS AS PÁGINAS MUDOU, POIS AGORA ELAS ESTÃO DINÂMICAS! www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  86. 86. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 863.2.11. Criando a página contatoNo dreamweaver, crie novo arquivo php e insira o seguinte código:Salve na pasta nav de nosso projeto, como “contato.php”. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  87. 87. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 87No arquivo estilo.css, estilize a página contato: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  88. 88. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 88Veja o resultado no navegador, digitando: localhost/index.php?topicos=nav/contatoNote que no campo “action” do formulário, o direcionamento é para a página “enviar_email.php”. Entretanto, nós nãocriamos esta página ainda. Vamos criá-la agora. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  89. 89. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 89No dreamweaver, crie novo arquivo php e insira o código abaixo:Salve-a como enviar_email.php, na pasta nav de nosso projeto.Até aqui, sua pasta nav deve estar com os seguintes arquivos:- contato, enviar_email, home e quemsomos. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  90. 90. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 903.2.12. Criando a página administraçãoNo dreamweaver, crie novo arquivo php(menu arquivo, novo, selecione php e clique em criar) e insira o código abaixo:Salve na pasta nav de nosso projeto como “adm.php”.Finalizamos a primeira parte de nossa aplicação. Agora só falta fazermos as partes que incluirão e editarão nosso bancode dados. Viram como foi fácil? www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  91. 91. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 913.2.13. Inserindo os links de menuNo dreamweaver, abra o arquivo cabecalho.php, e insira os links nos itens de menu:Vá no arquivo estilo.css e insira a propriedade que não deixará o link ficar sublinhado: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  92. 92. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 92Vamos inserir um efeito para quando o usuário passar o mouse sobre o item de menu. Vá no arquivo estilo.css e insira ocódigo destacado em azul:Veja o resultado no navegador, quando o usuário passar o mouse em cima do item de menu:No rodapé, você visualizará o link do item de menu em questão: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  93. 93. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 934.0. Criando a página de autenticação do usuárioCrie nova página php e insira o codigo abaixo:Salve como “logando.php”, na pasta nav de nosso projeto.Abra a página “cabecalho.php” e insira o código php destacado abaixo: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  94. 94. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 94Agora vamos criar a tabela de usuarios em nosso banco de dados. Vá em seu navegador de internet e digite“localhost/phpmyadmin” para entrar no phpmyadmin:Vá na coluna lateral da esquerda do phpmyadmin, e clique em “meubanco”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  95. 95. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 95Clique em “create table”:Crie os seguintes campos:- id, do tipo INT. Em índíce, selecione PRYMARY. Em A_I, marque a caixa de seleção;- login, do tipo TEXT;- senha, do tipo TEXT;- email, do tipo TEXT.Dê um nome para a tabela.Clique em “salvar”. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  96. 96. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 96Vamos inserir um usuario para testarmos nossa aplicação php. Ainda no phpmyadmin, Selecione a tabela usuarios eclique em “inserir”:Insira os dados abaixo e clique em “executar”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  97. 97. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 97Vamos ver se está tudo certo. Volte no navegador, e vá na página administração; tente logar com:Login: adminSenha: 123 www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  98. 98. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 98Se você visualizar o erro abaixo......significa que está tudo CERTO!!! Este erro aconteceu porque no campo “action” de nosso formulário da pagina“adm.php”, nós chamamos a página “area_admtiva.php”. Acontece que ela ainda não foi criada. Por isso deu erro.Vamos criá-la então! www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  99. 99. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 994.1. Página area administrativaVamos criar a página CRUD de usuários. Vá no dreamweaver, e crie novo arquivo php e insira o código abaixo: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  100. 100. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 100 www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  101. 101. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 101 www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  102. 102. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 102Quanto código, hein? Salve o arquivo na pasta nav, como “area_admtiva.php”.Vá no seu navegador e tente logar-se na página administração. Após o login, você deverá visualizar: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  103. 103. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 103Continuação da página “area_admtiva.php”.Se você visualizou o erro acima, está tudo CERTO! Este erro aconteceu porque estamos chamando um script que aindanão existe. Veja:O PHP está te dizendo:“Aviso: include(scripts/paginacao_noticias_lista.php): falha ao abrir: sem arquivo ou diretorio em C:xampphtdocsaplicacaophpmysqlnavarea_admtiva.php na linha 166”Quer dizer: “Olha, eu não consegui abrir o arquivo paginacao_noticias_lista.php na pasta scripts. Parece que estearquivo não está lá.”Note também que a foto do usuário não apareceu. Isto aconteceu porque ainda não cadastramos nenhum usuário comfoto em nosso banco de dados. Não se preocupe. Faremos isso futuramente. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  104. 104. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 1044.2. Páginação de resultadosAcesse a pasta de seu projeto e crie uma pasta chamada “scripts”:No dreamweaver, crie novo arquivo php e insira o codigo abaixo: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  105. 105. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 105Salve na pasta “scripts” como “paginacao_usuarios.php”:Volte na página “area_admtiva.php”, e atualize o código de paginação: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  106. 106. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 106Veja o resultado no navegador:Essa cor ficou horrível! Era para aparecer um número um entre as palavras anterior e próximo. Vamos mudar essa corno css.Vá na página “paginacao_usuarios.php”, na pasta scripts e localize o código css de cor destacado em azul abaixo: Substitua este código pela cor #333 www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  107. 107. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 107Substitua aqui também:E, finalmente, aqui também:Veja o resultado no navegador:Nossa paginação está pronta.Vamos estilizar o elemento “h1” de nossa página “area_admtiva.php”. No dreamweaver, vá no arquivo “estilo.css” eestilize o h1 inserindo o código css abaixo: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  108. 108. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 108Veja o resultado no navegador: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  109. 109. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 109Estilize também o elemento “h2” que tem o texto “Sair”:Veja o resultado no navegador:Apague o elemento “h3” no código da página area_admtiva.php: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  110. 110. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 1104.3. Campo de PesquisaNo dreamweaver, salve a pagina “area_admtiva.php”como “lista_usuarios.php”:Agora salve essa pagina “lista_usuarios.php” como “busca_usuarios.php”. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  111. 111. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 111Abra a página busca_usuarios.php e insira o código destacado abaixo, logo após o código da paginação:Salve a página e teste no navegador. O sistema de busca já está funcionando.Vamos formatar os labels de todos os campos da nossa página “lista_usuarios.php”.Aplique um elemento “<p>” em todos os labels:Vá no arquivo “estilo.css” e estilize-o: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  112. 112. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 112Veja o resultado no navegador:Para finalizar a estilização, vamos aplicar uma borda para separarmos as funções inserir, buscar e exibir os dados.Note que, na pagina “lista_usuarios.php”, no código da tabela “inserir usuario” há uma classe para a tabela. Veja:Vamos estilizar essa classe no código css. Vá no arquivo estilo.css e estilize a classe acima: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  113. 113. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 113 Veja o resultado no navegador:Estilizando o campo de buscaFiz uma pequena alteração no html do campo de busca. Vejam como ficou o código na pagina lista_usuarios.php:Notem que apliquei a classe “lista_anuncios” na tabela. Vejam como ficou: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  114. 114. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 114No arquivo lista_usuarios.php, aplique novamente a classe “lista_anuncios” nas tabelas abaixo, apontadas pelas setas: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  115. 115. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 115Veja o resultado no navegador: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  116. 116. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 1164.4. Inserir usuários No dreamweaver, crie uma nova pagina em branco do tipo php e insira o código abaixo:Salve na pasta nav como “cadastra_usuarios_codigo.php”Repare que a primeira linha do código faz uma chamada para o arquivo “upload_redimensiona1foto.php”.Mas nós ainda não temos esse arquivo. Se tentarmos rodar nossa aplicação, acontecerá o erro de arquivo nãoencontrado. Vamos criar este arquivo. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  117. 117. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 117No dreamweaver, crie nova pagina em branco, do tipo php, e insira o código abaixo: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  118. 118. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 118Salve na pasta “scripts” como “upload_redimensiona1foto.php”:Repare que na linha 48 do arquivo “upload_redimensiona1foto.php” estamos dizendo para o PHP que é para ele salvara imagem do usuário na pasta “imagens/usuarios/”:Mas, na pasta de nosso projeto, ainda não existe a pasta usuarios. Crie-a: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  119. 119. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 119 www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  120. 120. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 120Vamos testar se nossa aplicação está cadastrando usuários. No navegador, digite nossa página de listar usuários:http://localhost/aplicacaophpmysql/index.php?topicos=nav/lista_usuariosPreencha os campos para fazer um cadastro e clique em “cadastrar”:Veja o resultado no navegador:Verifique se cadastrou mesmo no banco de dados. Vá no phpmyadmin e clique na tabela usuários: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  121. 121. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 121Agora a foto também aparece na lista de usuários, na página “lista_usuarios.php”:Note que o PHP salvou a imagem que cadastramos na pasta “imagens/usuarios” de nosso projeto: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  122. 122. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 1224.5. CRUD: EditarNo dreamweaver, crie novo arquivo e insira o código abaixo:Salve na pasta “nav” como altera_usuarios.php.Crie nova página em branco e insira o codigo abaixo: Salve na pasta “nav” como “altera_usuarios_codigo.php”. Vamos ver o resultado de nosso sistema: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  123. 123. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 123Acesse a pagina http://localhost/aplicacaophpmysql/index.php?topicos=nav/lista_usuarios www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  124. 124. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 124Selecione um usuario e clique em “editar”:Edite os dados e mude a foto se desejar. Ou cancele e volte para a pagina que lista os usuários. Vamos agora fazer aparte de exclusão. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  125. 125. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 1254.6. CRUD: ExcluirNo dreamweaver, vá na página “lista_usuarios.php” e atualize o código do botão de exclusão:Crie nova pagina em branco do tipo php e insira o codigo abaixo:Salve na pasta “nav” como “exclui_usuarios.php” .Crie uma nova pagina em branco do tipo php e insira o código abaixo: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  126. 126. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 126Salve na pasta “nav” como “exclui_usuarios_codigo.php”.Veja o resultado no navegador:Clique no botão “excluir” na página “lista_usuarios.php”. Deverá aparecer a tela abaixo:Assim, concluímos a parte de CRUD de nossa aplicação. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  127. 127. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 1275.1. Back up do banco de dadosAcesse o phpmyadmin no seu navegador e clique em “Exportar”:Selecione o formato “sql” e clique em “executar”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  128. 128. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 128Aparecerá uma tela perguntando se você deseja abrir ou salvar o arquivo. Escolha “salvar” e clique em ok:Escolha a pasta que você deseja salvar o arquivo de banco de dados e clique em “salvar”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  129. 129. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 1295.2. Criação do domínio e banco de dadosExistem várias opções de hospedagem. Eu uso o 000webhost para exibir meu portfólio. Acessem:http://www.000webhost.com/Crie uma conta e logue-se. Ao se logar, você será direcionado para esta tela. Para criar um domínio, clique em“create new”: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  130. 130. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 130 Escolha a opção domínio free; insira um nome para seu dominio; insira uma senha; clique em setup newaccount: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  131. 131. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 131Sua conta foi criada. Guarde beus seus dados de login:cliquedddClique em “List Accounts”.Aparecerá a lista de seus domínios. Escolha um e clique em “Go to CPanel”:Guarde bem as informações abaixo. Precisaremos delas para publicar nossa aplicação: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  132. 132. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 132Agora vamos criar nosso banco de dados. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  133. 133. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 133Logo abaixo, na parte de “Software / Services”, clique em Mysql: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  134. 134. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 134Preencha os dados e clique em “create database”: Nome do banco de dados Nome do usuario do banco Senha para o banco de dados Repita a senha www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  135. 135. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 135Seu banco de dados foi criado. Guarde muito bem esses dados pois usaremos eles para publicar nossa aplicação.Agora vamos baixar o filezilla para publicarmos nossa aplicação. www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  136. 136. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 1365.3. Baixando o Filezilla portátilVá no google e digite “download filezilla portable”:Clique no primeiro link e clique em baixar: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  137. 137. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 1375.4. Publicando nossa aplicaçãoDescompacte e abra o filezilla.Bem vindo(a) ao Filezilla. Este programa torna possível a publicação de aplicações web. Do lado esquerdo, visualizamosos arquivos em nosso computador. Do lado direito, visualizamos os arquivos no servidor. Vamos conectar o filezilla aonosso servidor? www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368
  138. 138. PHP E MYSQL – APLICAÇÃO COMPLETA A PARTIR DO ZERO! 138Lembram-se de que eu falei para guardarem as informações de registro no servidor? Usaremos elas agora: www.desktopeweb.blogspot.com.br Copyright 2013 ©, Todos os direitos Reservados. Produced By Frederico Ramos. Tel: (62) 9388 – 8475 / 9641 - 2368

×