Passo A Passo WampServer PDF

- WAMPSERVER -
Passo-a-Passo para Criar Formulrios HTML usando PHP

para acessar o Banco de Dados MySQL
Profa. Flvia Pereira de Carvalho
Taquara - RS
WAMPSERVER Autoria e Design na Internet I Profa. Flavia Pereira de Carvalho
1) O que Wamp? WampServer um ambiente de desenvolvimento web para Windows que permite criar
aplicaes com Apache, PHP e Banco de Dados MySQL. Possui o phpMyAdmin que permite gerenciar
facilmente os bancos de dados.
Wamp significa:
- Windows: Sistema Operacional (SO)
- Apache: Servidor Web
- MySQL: Sistema Gerenciador de Banco de Dados (SGBD)
- PHP Perl Python: Linguagens de Programao para desenvolvimento web.
Assim como tem o pacote Wamp, que para Windows, tem o Lamp para Linux e o Mamp para Mac OS
X. WampServer um pacote que instala automaticamente tudo que necessrio para desenvolver aplicaes
web e muito intuitivo de usar.
2) Instalando WampServer. Site oficial do Wamp: http://www.wampserver.com/en/
WampServer um projeto de cdigo aberto, livre para usar (licena GPL). E gratuito! Na pgina do
WampServer voc escolhe baixar a verso para 32 ou 64 bits (No Windows: Iniciar, Configuraes, Sistema,
Sobre), de acordo com seu Sistema Operacional, conforme imagem abaixo:
Figura1: Site Oficial WampServer
Aps, fazer o download, basta dar um duplo clique no arquivo baixado e seguir as instrues. Tudo
automtico. O pacote WampServer sempre vem com as ltimas verses do Apache, MySQL e PHP. Uma vez
instalado, possvel atualizar as verses apenas clicando com o mouse. Cada verso do Apache, MySQL e
PHP tem suas prprias configuraes e seus prprios arquivos.
3) Usando WampServer:
a) O diretrio "www" ser criado automaticamente (normalmente c:\wamp\www)
b) Caso no tenha sido criado automaticamente, crie um subdiretrio no "www" e coloque seus arquivos
PHP e HTML dentro dele.
c) Clique no link "localhost" no menu WampServer ou acesse pelo navegador: http://localhost
4) Quando o WampServer estiver aberto, aparecer no canto direito da Barra de Tarefas (do Windows) um
cone, conforme imagem abaixo:
Figura2: cone do WampServer na Barra de Tarefas do Windows
Clicando nesse cone, abrir um menu:
Com vrias opes, entre elas, colocar Online ou Offline o programa.

Apontando o mouse no cone do WampServer, informa se est on ou off:
Tambm tem as opes para Iniciar ou Parar Servios, Localhost,

phpMyAdmin, acessar a pasta WWW, entre outras.
Figura3: Menu do WampServer
5) Acessar o phpMyAdmin: pode ser pelo menu do Wamp (conforme figura acima) ou pelo endereo (no
navegador): http://localhost/phpmyadmin/ Certifique-se de que os servios esto todos rodando no Wamp
(Start All Services).
O phpMyAdmin um aplicativo web desenvolvido em PHP para administrao do SGBD MySQL. A
partir deste sistema possvel criar e remover bases de dados, criar, remover e alterar tabelas, inserir, remover
e editar campos, executar cdigos SQL (Structured Query Language - Linguagem de Consulta Estruturada) e
manipular campos chaves. Existe uma ferramenta similar que o phpPgAdmin, sendo que essa fornece
funcionalidades semelhantes para o SGBD PostgreSQL.
Figura4: Tela Inicial do phpMyAdmin
6) Criar o Banco de Dados: no menu Base de Dados, tem um campo chamado Create Database, onde vamos
criar um banco chamado aluno
Figura5: Criando um Banco de Dados MySQL atravs do phpMyAdmin

7) Criar uma Tabela no BD aluno: criar uma tabela chamada cadastro_aluno com os seguintes campos:
a) codigo (int, chave primria, auto incremento)
b) nome (varchar, 40)
c) email (varchar, 40)
d) senha (varchar, 10)
Figura6: Criando a Tabela cadastro_aluno
Figura7: Criando os Campos da Tabela cadastro_aluno

Clicando na opo Estrutura do menu, na parte esquerda aparecem os bancos criados e suas tabelas
e na parte direita, aparecem os campos detalhados da tabela selecionada, conforme figura a seguir:
Figura8: Detalhes dos Campos da Tabela cadastro_aluno
8) Abrir um Editor de Textos (por exemplo, o Sublime): criar um formulrio chamado

formulario_inserir_dados_aluno.html (lembre-se de colocar entre aspas o nome do arquivo para salvar
.html se estiver usando o Bloco de Notas). Voc deve salvar este arquivo dentro da pasta WWW do
Wamp. O contedo do arquivo o seguinte:
9) Ainda no Sublime: criar o arquivo PHP conecta_banco.php para fazer a conexo com o Banco aluno
10) Sublime: criar o arquivo PHP inserir_dados_aluno.php, onde ter o comando

include "conecta_banco.php";
----------------------------------------------------------------------------------
Comando para INSERIR dados no Banco:
mysql_query("INSERT INTO tabela (campo1,campo2) VALUES ("$_POST[var1]",
"$_POST[var2]")");
Onde:
campo1, campo2: so os campos do Banco
var1, var2: so os campos do Formulrio HTML (form)
----------------------------------------------------------------------------------
11) Testar: para testar, voc deve acessar o formulrio pelo browser (navegador), da seguinte forma:
localhost/formulario_inserir_dados_aluno.html
12) Ateno: no esquea que todos os arquivos devem estar dentro da mesma pasta WWW do Wamp:
- formulario_inserir_dados_aluno.html
- conecta_banco.php
- inserir_dados_aluno.php
13) Sublime: criar o formulrio HTML para consultas: formulario_consultar_dados_aluno.html
14) Sublime: criar agora o arquivo PHP para Consultar dados no BD: consultar_dados_aluno.php
-------------------------------------------------------------------------------
Comando para CONSULTAR dados no Banco:
mysql_query("SELECT * FROM nome_da_tabela_do_BD");
-------------------------------------------------------------------------------
15) Sublime: criar o formulrio HTML para alteraes: formulario_alterar_dados_aluno.html
Alterar a senha de acordo com o nome do aluno:
16) Sublime: criar arquivo PHP para Alterar dados no BD: aterar_dados_aluno.php
----------------------------------------------------------------------
Comando para ALTERAR dados no Banco:
mysql_query ("UPDATE nome_da_tabela SET campo_form='$varivel' WHERE
campo_form= '$varivel'");
----------------------------------------------------------------------
17) Sublime: criar o formulrio HTML para excluses: formulario_excluir_dados_aluno.html

18) Sublime: criar arquivo PHP para Excluir dados no BD: excluir_dados_aluno.php
---------------------------------------------------------------------
Comando para EXCLUIR dados no Banco:
mysql_query ("DELETE FROM nome_da_tabela WHERE campo_form= '$varivel'");
---------------------------------------------------------------------
19) Alguns links para pesquisas:
Consultar Comandos SQL: http://www.w3schools.com/sql/sql_intro.asp
Documentao PHP para MySQL: http://www.php.net/manual/en/ref.mysql.php
20) Ao final dos exemplos, voc ter os seguintes arquivos dentro da pasta www do Wamp:
conecta_banco.php
inserir_dados_aluno.php formulario_inserir_dados_aluno.html
consultar_dados_aluno.php formulario_consultar_dados_aluno.html
alterar_dados_aluno.php formulario_alterar_dados_aluno.html
excluir_dados_aluno.php formulario_excluir_dados_aluno.html

Passo A Passo WampServer PDF

Enviado por

Direitos autorais:

Formatos disponíveis

Passo A Passo WampServer PDF

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Passo A Passo WampServer PDF

Enviado por

Direitos autorais:

Formatos disponíveis

- WAMPSERVER -

Passo-a-Passo para Criar Formulrios HTML usando PHP

Profa. Flvia Pereira de Carvalho

2) Instalando WampServer. Site oficial do Wamp: http://www.wampserver.com/en/

Figura1: Site Oficial WampServer

a) O diretrio "www" ser criado automaticamente (normalmente c:\wamp\www)

c) Clique no link "localhost" no menu WampServer ou acesse pelo navegador: http://localhost

Figura2: cone do WampServer na Barra de Tarefas do Windows

Clicando nesse cone, abrir um menu:

Com vrias opes, entre elas, colocar Online ou Offline o programa.

Tambm tem as opes para Iniciar ou Parar Servios, Localhost,

Figura3: Menu do WampServer

Figura4: Tela Inicial do phpMyAdmin

Figura5: Criando um Banco de Dados MySQL atravs do phpMyAdmin

Figura6: Criando a Tabela cadastro_aluno

Figura7: Criando os Campos da Tabela cadastro_aluno

Figura8: Detalhes dos Campos da Tabela cadastro_aluno

8) Abrir um Editor de Textos (por exemplo, o Sublime): criar um formulrio chamado

10) Sublime: criar o arquivo PHP inserir_dados_aluno.php, onde ter o comando

13) Sublime: criar o formulrio HTML para consultas: formulario_consultar_dados_aluno.html

Alterar a senha de acordo com o nome do aluno:

17) Sublime: criar o formulrio HTML para excluses: formulario_excluir_dados_aluno.html

19) Alguns links para pesquisas:

Consultar Comandos SQL: http://www.w3schools.com/sql/sql_intro.asp

Documentao PHP para MySQL: http://www.php.net/manual/en/ref.mysql.php

Você também pode gostar