04.- Login de nuestro ecommerce en PHP
En este tutorial crearemos el login de nuestro ecommerce en PHP, para tal crearemos un usuario en nuestra base de datos de forma manual, para deputes acceder a nuestro sistema mediante un login.
Codigo: https://github.com/programadornovato/ecommerce/commit/3080d5f0b67e5f5c3254ab679a50e9f675757c67
//admin/db_ecommerce.php
<?php
$host="localhost";
$user="eugenio";
$pass="123456";
$db="ecommerce";
?>
// admin/index.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>My ecommerce</title>
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Font Awesome -->
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- icheck bootstrap -->
<link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/adminlte.min.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
</head>
<body class="hold-transition login-page">
<div class="login-box">
<div class="login-logo">
<b>My</b>ecommerce
</div>
<!-- /.login-logo -->
<div class="card">
<div class="card-body login-card-body">
<p class="login-box-msg">Logueate</p>
<?php
if (isset($_REQUEST['login'])) {
session_start();
$email = $_REQUEST['email'] ?? '';
$pasword = $_REQUEST['pass'] ?? '';
$pasword = md5($pasword);
include_once "db_ecommerce.php";
$con = mysqli_connect($host, $user, $pass, $db);
$query = "SELECT id,email,nombre from usuarios where email='" . $email . "' and pass='" . $pasword . "'; ";
$res = mysqli_query($con, $query);
$row = mysqli_fetch_assoc($res);
if ($row) {
$_SESSION['id'] = $row['id'];
$_SESSION['email'] = $row['email'];
$_SESSION['nombre'] = $row['nombre'];
header("location: panel.php");
} else {
?>
<div class="alert alert-danger" role="alert">
Error de login <img src="images/haha.jpg" width="200">
</div>
<?php
}
}
?>
<form method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Email" name="email">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-envelope"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="password" class="form-control" placeholder="Password" name="pass">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
</div>
</div>
</div>
<div class="row">
<!-- /.col -->
<div class="col-4">
<button type="submit" class="btn btn-primary btn-block" name="login">Sign In</button>
</div>
<!-- /.col -->
</div>
</form>
<!-- /.login-card-body -->
</div>
</div>
<!-- /.login-box -->
<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
</body>
</html>
//admin/index.html → admin/panel.php
<!DOCTYPE html>
<html>
<?php
session_start();
if( isset($_SESSION['id'])==false ){
header("location: index.php");
}
?>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Base de datos : https://github.com/programadornovato/ecommerce/commit/70364ffad64fa74268ece6879b93dd4859a5afef
🎦[Curso] Java Netbeans Completo☕: https://www.youtube.com/playlist?list=PLCTD_CpMeEKTT-qEHGqZH3fkBgXH4GOTF
🔗 Generar md5: http://www.md5.cz/
🎦Tutorial DRAW.IO Español de 0 a 100: https://www.youtube.com/playlist?list=PLCTD_CpMeEKS0XUsfLB2_l_KjVjbw92Z1
🎦Curso de PHP🐘 y MySql🐬: https://www.youtube.com/playlist?list=PLCTD_CpMeEKS2Dvb-WNrAuDAXObB8GzJ0
🎦[Curso] Laravel Tutorial en Español: https://www.youtube.com/playlist?list=PLCTD_CpMeEKQcVcM4u4qddLYRE37S_0XS
🎦Curso]Ajax con Jquery de 0 a 100 🌇: https://www.youtube.com/watch?v=52yI0xiB73A&list=PLCTD_CpMeEKSYJ1J15M8PknOMwOpeqsXz
🎦Mysql configurar una replicación maestro – esclavo 🐬: https://www.youtube.com/watch?v=RY-EdBOJWEs
🎦[Curso] Visual Studio Code 🆚 de 0 a 100: https://www.youtube.com/playlist?list=PLCTD_CpMeEKQbdlT8efsS-veXuvYZ1UWn
🎦[Curso] Bootstrap de 0 a 100 🌈: https://www.youtube.com/playlist?list=PLCTD_CpMeEKSVmsZJIumVvfDviuW-c9AT
🎦[Curso] HTML y CSS de 0 a 100 🌐: https://www.youtube.com/playlist?list=PLCTD_CpMeEKS1SmufBGPOV1mjNfCiLwek
🎦 Esta lista de reproducción: https://www.youtube.com/playlist?list=PLCTD_CpMeEKQhRiJx7Wv3pM3rYvT9_CS9 .
Codigos en gdrive: https://drive.google.com/file/d/1QW8ExkL8eS7nQ5HTDvUuSkkGJMSmecGV/view?usp=sharing
Gracias por apoyar este canal: https://www.patreon.com/programadornovato?fan_landing=true
🔗 Facebook: https://facebook.com/ProgramadorNovatoOficial
🔗 Twitter: https://twitter.com/programadornova
🔗 Linkedin: https://www.linkedin.com/in/programadornovato/
🔗 Instagram: https://www.instagram.com/programadornovato/
<<Anterior tutorial Siguiente tutorial >>
