Criando um cadastro de cliente com PHP e MySQL

Nesse artigo irei mostrar como criar um formulário de cadastro de clientes utilizando PHP+MySQL. Para que possamos dar inicio na aplicação temos que ter instalado na máquina alguns para dar suporte ao PHP, aqui irei utilizar o EasyPHP-5.3.5.0, que contém o servidor apache que dá suporte ao PHP, o banco de dados MYSQL, o PHPEditor e o PHPMyAdmin.

Após completar a instalação podemos dar inicio a programação, esse primeiro trecho de código em JAVASCRIPT serve para validação dos campos digitados pelo usuário. Se quiser você pode optar por editar o código em um editor de texto como bloco de notas ou notepad++.

CADASTRO DE CLIENTES PHP+MYSQL

Aqui termina a função JAVASCRIPT que servirá para validar os campos, toda vez que o usuário não preencher algum campo será emitida uma mensagem avisando que o preenchimento do campo é obrigatório.

<form method="POST" action="/" target="_blank">
  <table style="width: 625px;" border="0">
    <tbody><tr>
      <td width="69">Nome:</td>
      <td width="546"><input id="nome" maxlength="60" name="nome" size="70" type="text" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Email:</td>
      <td><input id="email" maxlength="60" name="email" size="70" type="text" />
      <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Sexo:</td>
      <td><input checked="checked" name="sexo" type="radio" value="Masculino" />
        Masculino 
        <input name="sexo" type="radio" value="Feminino" />
        Feminino <span class="style1">*</span> </td>
    </tr>
    <tr>
      <td>DDD:</td>
      <td><input id="ddd" maxlength="2" name="ddd" size="4" type="text" />
      Telefone:
        <input id="telefone" name="telefone" type="text" />
        <span class="style3">Apenas números</span> </td>
    </tr>
    <tr>
      <td>Endereço:</td>
      <td><input id="endereco" maxlength="70" name="endereco" size="70" type="text" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Cidade:</td>
      <td><input id="cidade" maxlength="20" name="cidade" type="text" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Estado:</td>
      <td><select id="estado" name="estado">
        <option>Selecione...</option>
        <option value="AC">AC</option>
        <option value="AL">AL</option>
        <option value="AP">AP</option>
        <option value="AM">AM</option>
        <option value="BA">BA</option>
        <option value="CE">CE</option>
        <option value="ES">ES</option>
        <option value="DF">DF</option>
        <option value="MA">MA</option>
        <option value="MT">MT</option>
        <option value="MS">MS</option>
        <option value="MG">MG</option>
        <option value="PA">PA</option>
        <option value="PB">PB</option>
        <option value="PR">PR</option>
        <option value="PE">PE</option>
        <option value="PI">PI</option>
        <option value="RJ">RJ</option>
        <option value="RN">RN</option>
        <option value="RS">RS</option>
        <option value="RO">RO</option>
        <option value="RR">RR</option>
        <option value="SC">SC</option>
        <option value="SP">SP</option>
        <option value="SE">SE</option>
        <option value="TO">TO</option>
          </select>
        <span class="style1">*      </span></td>
    </tr>
    <tr>
      <td>Bairro:</td>
      <td><input id="bairro" maxlength="20" name="bairro" type="text" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>País:</td>
      <td><input id="pais" maxlength="20" name="pais" type="text" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Login:</td>
      <td><input id="login" maxlength="12" name="login" type="text" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Senha:</td>
      <td><input id="senha" maxlength="12" name="senha" type="password" />
          <span class="style1">*</span></td>
    </tr>
    <tr>
      <td colspan="2"><input id="news" checked="checked" name="news" type="checkbox" value="ATIVO" />
Desejo receber novidades e informações sobre o conteúdo deste site. </td>
    </tr>
    <tr>
      <td colspan="2"><p>
        <input id="cadastrar" name="cadastrar" type="submit" value="Cadastrar" /> 
        

          <input id="limpar" name="limpar" type="reset" value="Limpar" />
          

          <span class="style1">* Campos com * são obrigatórios!          </span></p>
      <p> </p></td>
    </tr>
  </tbody></table>
</form>

Esse segundo trecho é o do formulário para o cadastro, crie uma pasta e salve com o nome cad_cliente.html, não se esqueça de salvar com a extensão .html, pois é isso que fará com que seu navegador interprete esse código HTML. Agora vamos partir para a parte do PHP. Vamos dar o nome de cadastro.php, para facilitar a explicação cada linha será comentada.

Cadastro 



Após declarar as variáveis e atribuir os seus valores vamos fazer a conexão com o banco de dados.


$conexao = mysql_connect("localhost","root"); //essa linha irá fazer a conexão com o banco de dados.
if (!$conexao)
die ("Erro de conexão com localhost, o seguinte erro ocorreu -> ".mysql_error());//aqui irei testar se houve falha de conexão

//conectando com a tabela do banco de dados
$banco = mysql_select_db("clientes",$conexao); //nome da tabela onde os dados serão armazenados

//Query que realiza a inserção dos dados no banco de dados na tabela indicada acima
$query = "INSERT INTO `clientes` ( `nome` , `email` , `sexo` , `ddd` , `telefone` , `endereço` , `cidade` , `estado` , `bairro` , `país` , `login` , `senha` , `news` , `id` ) 
VALUES ('$nome', '$email', '$sexo', '$ddd', '$tel', '$endereco', '$cidade', '$estado', '$bairro', '$pais', '$login', '$senha', '$news', '')";
mysql_query($query,$conexao);

//$query = nome da variável que utilizarei para realizar a operação de inserção dos dados
//clientes = nome da tabela que será salvo os dados do cadastro do cliente
//nome, email, sexo, ddd, telefone, endereço, cidade, estado, bairro, país, login, senha, news, id. São apenas os nomes dos campos que constam na tabela clientes.

//VALUES = indica que serão inseridos os seguintes valores.
//$nome, $email, $sexo, $ddd, $telefone, $endereço, $cidade, $estado, $bairro, $país, //$login, $senha, $news, $id.
//São apenas as variaveis a qual eu atribui os valores digitados no formulário.

echo "Seu cadastro foi realizado com sucesso!Agradecemos a atenção.";
//mensagem que é escrita quando os dados são inseridos normalmente.
?> 

CREATE TABLE `clientes` (
`nome` VARCHAR( 60 ) NOT NULL ,
`email` VARCHAR( 60 ) NOT NULL ,
`sexo` VARCHAR( 10 ) NOT NULL ,
`ddd` INT( 2 ) ,
`telefone` INT( 8 ) ,
`endereço` VARCHAR( 70 ) NOT NULL ,
`cidade` VARCHAR( 20 ) NOT NULL ,
`estado` VARCHAR( 2 ) NOT NULL ,
`bairro` VARCHAR( 20 ) NOT NULL ,
`país` VARCHAR( 20 ) NOT NULL ,
`login` VARCHAR( 12 ) NOT NULL ,
`senha` VARCHAR( 12 ) NOT NULL ,
`news` VARCHAR( 8 ) ,
`id` INT( 200 ) AUTO_INCREMENT ,
UNIQUE (`id` ) );