CADASTRE-SE

Criando um cadastro de cliente com PHP e MySQL

16 8 42 18 Erickson Mauricio da Silva Santos | Assunto: PHP

Neste artigo irei mostrar como gravar os dados do cadastro de um cliente feito em um formulário HTML utilizando PHP com 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
<!--
.style1 {
color: #FF0000;
font-size: x-small;
}
.style3 {color: #0000FF; font-size: x-small; }
-->
<script type="text/javascript"><!--mce:0--></script>



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 action="cadastro.php" method="post">
  <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.

Confira nosso curso: Curso Criando sistemas com Dreamweaver CS6, PHP e Mysql






Cadastro 


<!--?php 
// RECEBENDO OS DADOS PREENCHIDOS DO FORMULÁRIO 
//PARA DECLARAR UMA VARIAVEL EM PHP BASTA UTILIZAR O SINAL $ 
//A FUNÇÃO $_POSTÉ METODO UTILIZADO PARA QUE A VARIAVEL RECEBA O //CONTEÚDO DOS CAMPOS DO FORMULÁRIO
//ENTRE COLCHETES ESTÁ O NOME DOS CAMPOS ESPECIFICADOS NO //FORMULÁRIO
$nome= $_POST["nome"];
$email= $_POST["email"];
$ddd= $_POST["ddd"];
$tel= $_POST["telefone"];
$endereco= $_POST["endereco"];
$cidade= $_POST["cidade"];l
$estado= $_POST["estado"];
$bairro = $_POST["bairro"];
$pais= $_POST["pais"];
$login= $_POST["login"];
$senha= $_POST["senha"];
$news= $_POST["news"];
$sexo= $_POST["sexo"];</code-->


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

<pre><code>$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.
?> 



Nosso cadastro esta pronto. Para terminar vou colocar comando SQL que utilizei para construir a tabela.


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` ) );


Espero que tenham gostado até o próximo artigo. Sugestões para os próximos artigos nos comentários. Obrigado.

 

Leia a seguir: O que é reCAPTCHA e como funciona?



Você precisa ler isto:

Comentários

TOPO