Olá. Chegamos a sétima aula do nosso curso Sistemas Sem Frescuras. Neste episódio vamos aproveitar o formulário criado na aula anterior e aprender a utilizar o banco de dados MySQL. Você verá como criar uma base de dados e uma tabela. Em seguida veremos como acessar esta base, através do PHP e verificar as informações da tabela para efetuar o login de usuário.
Finalmente consegui fazer um vídeo mais curto, o que o torna menos cansativo. Vou tentar manter este padrão nos próximos vídeos. Espero que você curta e aproveite bem o conteúdo.
Os códigos utilizados
Arquivo aula7.php
<?php
session_start();
$conexao = mysql_connect("localhost","root","") or die(mysql_error());
$database = mysql_select_db("sistema",$conexao) or die(mysql_error());
if(isset($_POST['usuario'])){
$verbanco = mysql_query("SELECT * FROM users WHERE username = '".$_POST['usuario']."' AND usersenha = '".$_POST['senha']."'") or die (mysql_error());
$lerbanco = mysql_fetch_assoc($verbanco);
$contarbanco = mysql_num_rows($verbanco);
if($contarbanco == 1){
$_SESSION['alerta'] = "O usuário existe, clique para entrar <a href='main.php'>aqui</a>";
} else {
$_SESSION['alerta'] = "O usuário não existe, tente novamente";
}
}
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>
<title> Página de Login </title>
<script type="text/javascript" src="js/html5shiv.js"></script>
<link rel="stylesheet" type="text/css" href="css/loginpage.css"/>
</head>
<body>
<div id="loginbox">
<h1>Área de Login</h1>
<form action="aula7.php" name="formlogin" id="formlogin" method="post">
<p>
<label>
Nome de Usuário<br>
<input type="text" name="usuario" id="usuario" maxlength="60" required autofocus />
</label>
</p>
<p>
<label>
Senha de Usuário<br>
<input type="password" name="senha" id="senha" maxlength="20" required />
</label>
</p>
<p>
<label>
<input class="mouseover" type="submit" name="formsubmit" id="formsubmit" value="ENVIAR"/>
</label>
</p>
</form>
</div>
<?php
if(isset($_SESSION['alerta'])){
?>
<div id="alerta"><?php echo $_SESSION['alerta']; ?></div>
<?php
unset($_SESSION['alerta']);
}
?>
</body>
</html>
Arquivo loginpage.css
/*Página de Login*/
* {
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif;
font-size: 16px;
}
#loginbox {
position: absolute;
top: 50%;
left: 50%;
width: 300px;
margin-left: -150px;
background-color: #999999;
border: solid 6px #FFFFFF;
box-shadow: 5px 5px 5px #000000;
height: 220px;
margin-top: -110px;
}
#loginbox h1 {
background-color: #777777;
font-size: 1.6em;
text-align: center;
padding: 0.5em;
}
#loginbox form {
margin: 0.5em;
text-align: center;
}
#loginbox form p {
margin-bottom: 0.5em;
}
#loginbox form p label {
font-size: 0.75em;
}
#loginbox form p label input {
border: solid 1px #555555;
text-align: center;
color: #555555;
}
#alerta {
margin-left: 2em;
margin-top: 2em;
margin-right: 2em;
border: solid 10px #ff0000;
background-color: #f1fb37;
color: #dd0000;
font-weight: bold;
font-size: 1.2em;
text-align: center;
z-index: 10;
padding: 1em;
}
/*Classes*/
.mouseover {
background-color: #e87a17;
border: solid 1px #000000;
color: #000000;
padding: 0.3em;
margin: 0.3em;
letter-spacing: 0.3em;
}
.mouseover:hover {
background-color: #000000;
color: #FFFFFF;
cursor: pointer;
}
Grande abraço e até a próxima aula.
Nenhum comentário:
Postar um comentário