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

Sistema de Login: HTML, CSS, MySQL

É de se apreciar o que você faz e dá de encontro com algum projeto que você queira implementar o que falta para situar-se em seu projeto e que atenda às expectativas em que some para acrescentar tudo o que você entenda como útil ao desenvolvimento de algum software web ou desktop atendendo as normas em que é requisitado e que mostre-se que há semântica.

De qualquer forma após o sistema identificar-se com a semelhança entre os projetos que torna-se viável a implementação sem que haja muito esforço adiantando o tempo do desenvolvimento do projeto e fazendo com que seja entregue durante o tempo requisitado gerando benefícios em ambos os lados para mostrar que de alguma forma é válido querer o adiantar projetos em que saia perdendo de algum lado desde que o momento em que você saiba dos desdobramento da importância de onde se originou o código.

Tendo a certeza de que você vai implementar algo em que você precise para ganhar tempo seja necessário consolidar-se em querer fazer algumas alterações para que de alguma forma encaixe como luvas em seu projeto:

Por querer colocar o projeto em teste ou em funcionamento em seu projeto será necessário você compreender um pouco da tarefa que terá que seguir que é instalar o software XAMPP  o qual virtualiza o MySQL  e o Apache e faz acontecer todo o processo para visualizar o projeto.

Depois de instalado o XAMPP, o Apache e MySQL ligados, será inserir os arquivos do sistema de login endereçado para o seu projeto no caminho da sua máquina: C:\xampp\htdocs\dashboard\

Arquivo: INDEX.php

<?php

$link = mysqli_connect("localhost", "root", "", "db_sl");

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['entrar_email'])) {

$entrar_email = $_POST['entrar_email'];
$entrar_senha = $_POST['entrar_senha'];

$_SESSION['entrar_email'] = $entrar_email;
$_SESSION['entrar_senha'] = $entrar_senha;

$query = "SELECT id_usuario,email_usuario, senha_usuario,nome_usuario FROM tb_usuarios WHERE email_usuario = '$entrar_email' AND senha_usuario = '$entrar_senha'";

$result = mysqli_query($link, $query) or die(mysqli_error());

$count = mysqli_num_rows($result);

$row = mysqli_fetch_row($result);

if ($count > 0)
{

$_SESSION['id_usuario'] = $row[0];
$_SESSION['email_usuario'] = $entrar_email;
$_SESSION['senha_usuario'] = $entrar_senha;

$_SESSION['formulario_entrar'] = 'Usuario logado com sucesso!';

echo $_SESSION['formulario_entrar'];

}

else

{

echo 'Nao conseguiu se logar';
}

}

?>

<style>

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

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

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

h2, h3 {
font-size:16px;
color:#666666;
}

.formulario-um 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-um input[type=text], input[type=email] {
position:relative;
padding-left:10px;
}

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

}

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

</style>

<div id="sistema_cadastro">

<form class="formulario-um" action="index.php" method="POST" >
<h2>Entre com a sua conta</h2>
<input type="email" name="entrar_email" required="required" placeholder="Email:">
<br />
<input type="password" name="entrar_senha" required="required" placeholder="Senha:">
<br />
<input type="submit" name="entrar_enviar" value="Entrar">
<br />
<h3>Usuario: admin<br />Senha: 123</h3>

<br />
</form>

</div>

Após os arquivos endereçado na sua máquina no lugar correto, basta criar ou fazer o upload do banco de dados através do PHPMyAdmin.

Clique aqui para obter os arquivos do sistema de login.

 

 

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