Parte 3: Sistema de cadastro com PHP PDO e Mysql

Alo pessoal, nesta aula vamos dar seguimento ao nosso projecto, é nesta aula que começaremos com a construção do nosso Sistema, acompanhe.

Criando o nosso sistema

Para começar, entra no seu disco de sistema e localiza a pasta xampp, dá um duplo click, dentre as várias pastas listadas localiza a com o nome htdocs e faz um duplo. Dentro de htdocs cria uma nova pasta como o nome sistema. É na pasta sistema que iremos salvar todos os ficheiros do nosso sistema.

No final do projecto nossa pasta sistema terá seguintes ficheiros.

arquivos

Listagem 1: Folha de estilo css.

Como sabemos o  CSS é o acrônimo de Cascading Style Sheets que em português seria algo como “folhas de estilo em cascata”. É uma especificação que define como os elementos que compõem uma página, um documento ou aplicação Web serão exibidos.

Abra o seu editor de texto, crie novo ficheiro e salva com o nome style.css
Copie o código abaixo para o ficheiro style.css que está aberto e salve as alterações.

body{
font-family: Segoe UI;
margin: 0;
padding: 0;
}
form{
font-size: 16px;
/* background: #CCC; */
max-width: 500px;
margin: 0auto;
padding: 010px10px10px;
}
h1{
color: #333
}
input, textarea, select{
width: 474px;
padding: 10px;
border-radius: 4px;
font-size: 11pt;
}
.enviarinput {
background-color: #069;
height: 40px;
width: 150px;
font-weight: bold;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1pxsolid;
color: #FFF;
cursor: pointer;
}
label{
/* font-weight: bold; */
font-weight: normal;
color: rgb(0, 1, 5);
}
.enviarinput:hover{
background: rgba(7, 150, 14, 0.966);
}
textarea {
width: 474px;
height: 120px;
line-height: 20px;
}

table {
font-family: Segoe UI;
border-collapse: collapse;
width: 100%;
}

th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #4CAF50;
color: white;
}

Listagem 2: Ficheiro de conexão com a base de dados MySQL

Crie novo ficheiro e salva com o nome config.php
Copie o código abaixo para o ficheiro config.php que acabamos de criar e salve as alterações.

<?php
$databaseHost = 'localhost'; //localhost/127.0.0.1 = a base de dados esta alojada na nossa maquina
$databaseName = 'estudo'; //estudo = nosa base de dados
$databaseUsername = 'root'; //root = usuario da base de dados
$databasePassword = ''; // password = palavra passe
try {
    // http://php.net/manual/en/pdo.connections.php
    $dbConn = new PDO("mysql:host={$databaseHost};dbname={$databaseName}", $databaseUsername, $databasePassword);

    $dbConn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); // Setting Error Mode as Exception
    // More on setAttribute: http://php.net/manual/en/pdo.setattribute.php
} catch(PDOException $e) {
    echo $e->getMessage();
}

?>

Listagem 3: Formulário de cadastro de Usuario

Crie novo ficheiro e salva com o nome adicionar_novo.php
Copie o código abaixo para o ficheiro adicionar_novo.php que acabamos de criar e salve as alterações.

<?php
// // incluindo o ficheiro de conexao com o nosso banco de dados
include_once("config.php");
?>
<html>
<head>
    <title>Editar Dados</title>
     <!-- a seguir incluimos o ficheiro css/ folha de estilo -->
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <a href="index.php">Home</a>
    <br/><br/>
    <form name="formteste" method="post" action="adicionar.php">
        <h1>Gravar Novo</h1>
        <p class="nome">
            <label>Nome completo</label>
        </p>
<p class="nome">
<input type="text" name="nome" placeholder="informe seu nome">
        </p>
        <p class="idade">
            <label>Idade</label>
        </p>
<p class="idade">
<input type="text" name="idade" placeholder="informe seu idade"">
        </p>
        <p class="email">
            <label>Email</label>
        </p>
<p class="email">
<input type="email" name="email" placeholder="informe o email">
        </p>
        <p class="departamento">
            <label>Departamento</label>
        </p>
        <!-- Neste select carregamos a lista de Departamento que estao gravados na tabela departamento -->
<p class="departamento">
<select name="departamento">
                <option value="0">Selecciona o Departamento</option>
                <?php
                $result=$dbConn->prepare ("SELECT * FROM departamento");
                $result->execute();
                foreach($result as $crow){
                    echo "<option value='".$crow['id']."'".$selected.">".$crow['nome']."</option>";
                }

                ?>
            </select>
</p>

<p class="enviar">

<input type="submit" name="Submit" value="Gravar">
        </p>

</form>

</body>
</html>

Listagem 4: Ficheiro adicionar.php
Crie novo ficheiro e salva com o nome adicionar.php, este ficheiro irá tratar os dados inseridos no formulário criado acima e inserí-los na usuario na base de dados.
Copie o código abaixo para o ficheiro adicionar.php que acabamos de criar e salve as alterações.

<?php
//incluindo a conexao com a base de dados
include_once("config.php");
if(isset($_POST['Submit'])) {
    $nome = $_POST['nome'];
    $idade = $_POST['idade'];
    $email = $_POST['email'];
    $departamento = $_POST['departamento'];

    //verificando campos nao preenchidos
    if(empty($nome) || empty($idade) || empty($email)) {

        if(empty($nome)) {
            echo "<font color='red'>Campo Nome Obrigatorio.</font><br/>";
        }

        if(empty($idade)) {
            echo "<font color='red'>Campo Idade Obrigatorio.</font><br/>";
        }

        if(empty($email)) {
            echo "<font color='red'>Campo Email Obrigatorio.</font><br/>";
        }

        //link para a pagina anterior
        echo "<br/><a href='javascript:self.history.back();'>Voltar</a>";
    } else {
        // se todos os campos estao preenchidos

        //grava dados na tabela usuario
        $sql = "INSERT INTO usuario(nome, idade, email, dep_id) VALUES(:nome, :idade, :email, :departamento)";
        $query = $dbConn->prepare($sql);

        $query->bindparam(':nome', $nome);
        $query->bindparam(':idade', $idade);
        $query->bindparam(':email', $email);
        $query->bindparam(':departamento', $departamento);
        $query->execute();
        echo "<font color='green'>Dados adicionados com sucesso.";
        echo "<br/><a href='index.php'>Voltar</a>";
    }
}
?>

Continue acompanhando: Parte 4: Sistema de cadastro com PHP PDO e Mysql

192 total views, 2 views today

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

*