Conexão PHP com MySQL

Este Tutorial foi desenvolvido para iniciantes em programação WEB há criarem uma página dinâmica (PHP) que acesse o banco de dados (MySQL) de duas maneiras, uma totalmente manual usando o Dreamweaver em modo code e outra utilizando o Dreamweaver em modo design!

Obs: Este tutorial pré supõe que você tenha instalado o Dreamweaver, PHP e o MySQL caso contrário clique nos links respectivos para download. Estamos utilizando o Adobe Dreamweaver CS3 e o pacote Wamp5.

Veja como é Fácil !!!

Processo modo Code

Passo 1 :: Criar o Banco

Abra o console MySQL, pressione enter e crie um banco de dados e uma tabela como abaixo:

create database mercado;

use mercado;

create table produto(cod int, nome char(30), marca char(20));

insert into produto values(1,”cocholate”,”nestle”);

select * from produto;

Então criamos um banco de dados chamado de mercado e uma tabela de produto aonde cadastramos o produto chocolate. veja Figura1.

Figura 1

Figura 1

Passo 2 :: Configurar o Site

Abra o Adobe Dreamweaver e clique no menu site > nem site > advanced.

Na categoria Local Info você encontra os itens abaixo:

Figura 2

Figura 2

site name: Mercado

clique na pasta ao final do campo Local root folder e acesse -> Disco Local (C:) > WAMP > WWW e crie uma pasta chamada mercado.

local root folder deve estar assim:
Local root folder: C:\wamp\www\mercado\

Na categoria Testing Server:

Server Model: PHP MySQL

Access: Local/Network

URL prefix: http://localhost/mercado

Pronto basta clicar em OK.

Passo 3 :: Criar a página de acesso

Dentro do Dreamweaver há uma pasta verde com o nome de mercado. clique com o botão direito em cima dela e escolha a opção nem file. Renomeio o arquivo para index.php. Veja Figura 2

Clique duas vezes em cima da página index.php.

Se não estiver vá para a área code e adicone os códigos abaixo:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;

<html xmlns=”http://www.w3.org/1999/xhtml”&gt;

<head>

<?php

/* Primeiro criaremos uma variável que receba as informações sobre a conexao, utilizando o comando mysql_connect e passando o local do banco que esta em localhost, a pasta raiz que é root e a senha do banco que por padrão é vazia*/

$conexao = mysql_connect(“localhost”,”root”,””);

/* Agora que temos as informações da conexao, vamos nos conectar ao banco mercado através do comando mysql_select_db, passando o nome do banco e a conexao*/

mysql_select_db(“mercado”,$conexao);

/* PRONTO CONEXÃO COM O BANCO FEITA*/

/* Para testarmos a conexão vamos cadastrar um produto*/

$cadastro = “insert into produto values(2,’sorvete’,’kibom’)”;

/* colocamos o comando SQL dentro da variável cadastro para facilitar o codigo agora vamos executar esse comando*/

mysql_query($cadastro,$conexao);

?>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Conexão</title>

</head>

<body>

</body>

</html>

Execute sua página com a tecla F12 e o resultado esperado é uma página em branco sem qualquer tipo de erro.

Abra novamente o console MySQL, pressione enter e digite:

use mercado;

select * from produto;

E esta ai o novo produto cadastrado pela sua página!!! Veja Figura 3

Figura 3

Figura 3

Processo modo Design

Iremos utilizar todas as comfigurações feitas anteriormestes, caso tenha escolhido começar pelo modo design faça os passos 1 e 2 do modo code.

Passo 3 :: Criar a página de acesso

Dentro do Dreamweaver Há uma pasta verde com o nome de mercado. clique com o botão direito em cima dela e escolha a opção nem file.

Renomeio o arquivo para index.php. Veja Figura 2

Clique duas vezes em cima da página index.php.

Se não estiver vá para a área design:

clique no menu windows > databases ou pressione Ctrl + Shift + F10

Surge do lado direito o painél Application aberto na aba databases

clique no botão adicionar que possui a forma do sinal + > MySQLConnection

Figura 4

Figura 4

Nos campos coloque esses valores:

Connection Name… conexao
MySQL Server…… localhost
User Name……… root
Password……….
Database………. mercado

Clique em OK e ele lhe dará um aviso sobre não ter colocado um avalor para o campo senha, ignore ja que nosso banco não possui senha e de OK.

A conexão está feita o Dreamweaver criou um pasta chamada connections e dentro esta nosso arquivo conexao.php. veja Figura 4. com todas as informações da conexão.

Figura 5

Figura 5

Para vermos se a conexão está funcionando isso é, se a página esta comunicando com o banco

Vamos em Application e ao lado de databases clique na aba Bindings > Add > Recordset(Query)

Na tela do Recordset apenas configure o compo connection escolhendo conexao. Automaticamente no campo table aparece nossa tabela de produto. Basca clicar no OK

Clique no sinal de + do lado esquerdo da opção recordset(recordset1) e os campos da tabela serão mostrados. Veja Figura 5.

Arraste cada um para a tela e pressione F12 – se aparecer uma janela clique em Yes All

E ai esta galera o registro do chocolate aparecendo na tela mostrando que a conexão foi um sucesso!

Espero que tenha sido utíl e que tenham gostado, caso haja alguma duvida basta deixar um comentário! ahh se não tiver duvida também pode deixar sua marca lá. rs

É isso ai Pessoal até mais…

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: