Ubuntu Para Iniciantes

APRENDER A PROGRAMAR EM PHP CRIAR UM CADASTRO COM O MYSQL


Este post é para aqueles que estão iniciando em PHP e possuem algumas dúvidas básicas que para quem está começando faz toda a diferença.

O que será abordado aqui:

  • Criar uma tabela no MySQL
  • Criar um pequeno cadastro
  • Utilizar o jQuery para criar abas

Se você ainda não tem um editor pode ver aqui neste post onde é apresentado:

6 EDITORES PARA PROGRAMAR EM PHP

aprender a criar um cadastro em php
 

DICAS PARA INICIANTE EM PHP

Se você está fazendo algum curso seja ele de nível superior ou técnico ou mesmo está aprendendo PHP sozinho eu recomendo que não utilize nenhum framework no momento, isso porque os frameworks, mesmo sendo escritos em PHP, eles utilizam funções e ferramentas próprias, então você não estará aprendendo PHP e sim uma ferramenta.

Você pode até estar fazendo algum estágio em uma empresa que utilize algum tipo de framework, mas em seus horários vagos vá estudando o PHP puro.

Caso você tenha alguma dificuldade em entender algumas coisas como, como variáveis ou laço de repetição dê uma olhada neste outros posts:


Se caso você não tem o PHP instalado juntamente com o Apache você pode instalar ele por meio do link abaixo:


No link acima você irá observar como instalar o PHP, o Apache e o Postgres, caso você não queria instalar o Postgres e sim o MySQL, utilize estes comandos:

~$sudo aptitude install mysql-server-5.7

Em algum momento o instalador irá pedir para que você escolha uma senha e logo em seguida que repita a senha definida. Caso você seja usuário do Windows você pode baixar o WampServer por meio deste link http://www.wampserver.com/en/

Se você quiser instalar o PHP5 no Ubuntu você pode consultar o link logo abaixo:


CRIAR UMA TABELA NO MYSQL

Aqui estou supondo que você já tem o MySQL instalado em seu ambiente de desenvolvimento, caso você ainda não tenha este banco de dados instalado verifique o vídeo abaixo e veja como é simples instalar o MySQL.




O vídeo acima explica como instalar um front-end para fazer a conexão e manipular o MySQL.

O front-end é o MySQL-Workbench, para instalar no Ubuntu, abra o terminal com o comando CTRL+T e digite:

~$sudo aptitude install mysql-workbench

Após a instalação abra o MySQL-Workbench, crie uma conexão local, e um data-base, este aplicativo permite a minupulação do mysq.

manipulacao do mysql com o MySQL-Workbench
 
Antes de criar uma tabela é necessário criar uma base de dados, na área de edição chamada de Query digite:

create database 'MEUBANCODEDADOS'

O MySQL-Workbench nomina os databases com o nome de SCHEMAS. Selecione o database criado para que possamos criar uma Tabela. A Tabela que será criada será simples para que possa ser mais didático e rápido. Você poderá implementar novos campos conforme você desejar.

Novamente no campo de edição de SQL a aba nominada como Query, digite:

CREATE TABLE pessoas (
id integer PRIMARY KEY NOT NULL AUTO_INCREMENT,
nome varchar(60),
telefone varchar(15)

)

A Tabela de nome pessoas, que será criada no database MEUBANCODEDADOS, irá possuir 3 campos, o primeiro de nome id, que será auto incrementado conforme a inserção de registros e será também a chave primária. Um campo nominado de nome podendo inserir até 60 caracteres e por fim o campo telefone, com 15 caracteres. A Tabela está criada.

CRIANDO O CÓDIGO HTML DO CADASTRO

Será feito um formulário otimizado com o JQuery, para inserção dos dados de forma dinâmica e também para criar um formulário em abas, uma abra para que seja efetuado o Cadastro e outra para criar uma Consulta.

Primeiro você irá fazer um arquivo cadastro.html, neste aquivo conterá o formulário de envio dos dados. Conforme o código abaixo:

<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=windows-1252" http-equiv="content-type">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
//chamada da função do Jquery
$(function() {
$( "#abas" ).tabs();
});

</script>
<style>

/*codificação css para ajustar e estilizar o formulario e as abas */
a {
text-decoration: none;
display: block;
height: 30px;
text-align: center;
color:#000;
}
ul {
width: 300px;
height: 30px;
border-bottom: 1px solid #000;;
}
ul li {

float: left;
text-decoration: none;
list-style: none;
width: 120px;

}

form {
width: 300px;
height: 100px;
padding: 5px;
background-color: #f2f2f2;
}

label {
width: 80px;
height: 20px;
display: block;
float: left;

}

.boxtext {
margin-bottom: 5px;;
}

</style>
<title>Meu Cadastro</title>
</head>
<body>
<div id="abas">
<ul>
<li><a href="#abaCadastro">Cadastrar</a></li>
<li><a href="#abaConsulta">Consultar</a></li>

</ul>
<div id="abaCadastro">
<form name="cadastro" method="post" >
<label>Nome </label><input type="text" name="nome" value="" class="boxtext" />
<label>Telefone </label><input type="text" name="telefone" class="boxtext" value="" />
<input id='cadastrar' type="button" name="cadastrar" value="CADASTRAR" />

</form>

</div>
<div id="abaConsulta">
<span>Em desenvolvimento</span>
</div>

</div>

</body>
</html>


Perceba que no código acima há duas referências para o JQuery um para o script e o outro é um plugin para poder criar e gerenciar as abas, que estão definidas nos elementos UL e LI. Veja a identificação abaixo:



formulario html para cadastrar os dados utilizando o php
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script><script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

PROGRAMAR EM PHP PARA ENVIO DO CADASTRO

Antes de criar o código de cadastro, será feito a conexão com do PHP com MySQL.

Agora iremos fazer o código em PHP para que os dados sejam enviados para a Tabela pessoas que foi criando anteriormente.

Estou usando o PHP7 e vou utilizar a função PDO para conexão com o banco de dados. Este nova biblioteca é muito útil, pois permite que você possa ter uma flexibilidade maior, principalmente se você precisar alterar o banco de dados, exigindo uma menor otimização.

Bem, vou criar um arquivo chamado conectardb.php, neste arquivo haverá a conexão, conforme o código abaixo:

 <?php

   $conn = new PDO('mysql:host=localhost;dbname=MEUBANCODEDADOS', 'root', '123456');
 
  ?>


Com o arquivo de conexão criado, será codificado o arquivo responsável por enviar os dados para o banco, crie um arquivo chamado cadastro.php. Neste arquivo haverá a seguinte codificação:

Agora será criado a codificação responsável por conectar o cliente com o servidor, enviando os dados. Será utilizando o JQuery para esta finalidade, faremos isso no mesmo arquivo .html do cadastro, continuaremos a editar a chamada do JQuery já existente:

$(function() {

//função para controlar as abas
$( "#abas" ).tabs();

});

  
O código portanto irá agora conter o restante das funções responsável para enviar os dados para o arquivo cadastro.php. E ficará assim:

$(function() {
//função para controlar as abas
$( "#abas" ).tabs();

//funcao executada ao clicar no botão cadastrar

$('#cadastrar').click(function(){

$.post('cadastro.php',$( "#cadastro" ).serialize(),function(data){ alert(data)})

})

}); 

Perceba que na função $.post há uma outra função chamada serialize(), esta função é responsável por capturar todos os dados que estiver em um formulário, sem a necessidade de referenciar um a um.

E agora para concluir, o código php contendo o programa que irá efetivamente cadastrar os dados no MySQL.

<?php

//inclui o arquivo de conexão PDO
require_once ('conectardb.php');

$sql = "insert into pessoas(nome, telefone) values('$_POST[nome]','$_POST[telefone]')";
//print $sql;

//executa a inserção dos dados no MySQL
$exec_sql = $conn->query($sql);

?>

 
Com o código acima você poderá estudar cada passo individualmente e observar cada passo individualmente. 

Se você preferir pode fazer download dos arquivos apresentados neste post, porém recomendo que estude e faça você mesmo suas aplicações.

Deixe seu comentário logo abaixo com suas críticas e sugestões, isso ajuda muito a manter o Ubuntu Para Iniciantes. Você também pode assinar o blog e receber em seu e-mail as novidades. Abraços.  

APRENDER A PROGRAMAR EM PHP CRIAR UM CADASTRO COM O MYSQL Reviewed by Ubuntu para Iniciantes Marcelo Weihmayr on 11:36:00 Rating: 5

Nenhum comentário :

Olá, faça seu comentário com sugestões, dicas ou críticas

Powered By Blogger , Designed by Sweetheme

Formulário de contato

Nome

E-mail *

Mensagem *

Marcelo Weihmayr. Tecnologia do Blogger.