Você está aqui: PromoveFácil » CSS » Sistema de cadastro robusto: HTML, CSS, MySQL

Sistema de cadastro robusto: HTML, CSS, MySQL

É de se esperar que quando dá-se a tarefa para o desenvolvedor atingir certos picos na carreira em que está traçando seja comum ter que recorrer a web para saber o quanto é necessário ter de alguma forma sólida em formação para saber saber desenvolver o que lhe é pedido e que aconteça o que acontecer seja entregue o projeto ao qual estão trabalhando adentrando no assunto que se é ou não necessário entregá-lo antes do prazo ocasionando dificuldades de confiança própria ou entregar dentro do prazo um sistema robusto que garante todas as necessidades do que foi solicitado.

Aproveite e mergulhe no código apresentado para que complemente o seu:

Arquivo: index.php

<?php

// CÓDIGO PHP DO SISTEMA DE CADASTRO

$link = mysqli_connect(“localhost”, “root”, “”, “sc_db”);

if (!$link) {
echo “Error: Falha ao conectar-se com o banco de dados MySQL.” . PHP_EOL;
echo “Debugging errno: ” . PHP_EOL;
echo “Debugging error: ” . PHP_EOL;
exit;
}

if(isset($_POST[‘cadastrar_apelido’]) && (($_POST[‘cadastrar_senha’] != ”)) && (($_POST[‘cadastrar_email’] != ”)) && (($_POST[‘cadastrar_enviar’] != ”))) {

$nome_usuario = $_POST[‘cadastrar_apelido’];
$senha_usuario = $_POST[‘cadastrar_senha’];
$email_usuario = $_POST[‘cadastrar_email’];

$query = “INSERT INTO tb_usuarios (nome_usuario, senha_usuario, email_usuario) VALUES (‘$nome_usuario’, ‘$senha_usuario’, ‘$email_usuario’)”;
$result = mysqli_query($link, $query) or die(mysqli_error());

header(‘location:index.php’);

}
?>

<style>

/* ESTILIZAÇÃO DO CSS DO FORMULÁRIO DO SISTEMA DE CADASTRO */

#sistema_cadastro {
width:300px;
height:300px;
background:#f2f2f2;
margin:0 auto;
}

.formulario-dois {
width:140px;
position:relative;
margin:0 auto;
bottom:-40px;
}

.formulario-dois h2 {
font-size:16px;
color:#666666;
}

.formulario-dois input {
width:140px;
height:25px;
margin-bottom:5px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
border:1px solid #CC9900;
cursor:pointer;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 15px 15px 15px 15px;
box-shadow: 0 0 10px #E8E8E8 inset;
height: 40px;
padding: 10px;
}

.formulario-dois input[type=text], input[type=email] {
position:relative;
padding-left:10px;
}

.formulario-dois input[type=submit] {
position:relative;

}

.formulario-dois input[type=submit]:hover {
background:#ADD600;
}

</style>

<!– FORMULÁRIO DO SISTEMA DE CADASTRO –>
<div id=”sistema_cadastro”>

<form class=”formulario-dois” action=”index.php” method=”POST” onSubmit=”alert(\’Registro Enviado\’);”>
<h2>Registre-se</h2>
<input type=”text” name=”cadastrar_apelido” required=”required” placeholder=”Apelido:”>
<br />
<input type=”password” name=”cadastrar_senha” required=”required” placeholder=”Senha:”>
<br />
<input type=”email” name=”cadastrar_email” required=”required” placeholder=”Email:”>
<br />
<input type=”submit” name=”cadastrar_enviar” value=”Registrar”>
<br />
</form>

</div>

Apresentação de lógica do banco de dados dos dados em que serão gravados utilizando do MySQL.

Clique aqui para fazer o download do sistema de cadastro incluindo o arquivo do banco de dados e o modelo lógico do banco de dados.

Fábio Pereira
Últimos posts por Fábio Pereira (exibir todos)