Sistema de Login PHP MySQL Paso a paso (Parte 2)

Sistema de login de usuarios con php y mysql parte 2

Hola amigos, espero que todos estén bien, en el día de hoy vamos a realizar una pequeña pagina para nuestro sistema de login de usuario, esta pagina sera muy sencilla ya que solo tendrá los datos del usuario pero si el usuario no esta logueado le impediremos que pueda acceder a dicha pagina.

Lo que vamos a realizar es algo sencillo, depende de cada uno de ustedes expandir su creatividad y hacer algo mucho mas avanzado o ajustar a sus páginas web. Para crear esta pagina lo que hacemos es crear una copia de la pagina anterior la cual creamos en nuestra entrada anterior Login PHP MySQL Desde Cero Parte 1.

A este nuevo documento les pondremos como nombre admin.php y les sustituiremos el formulario por un área donde se mostraron los datos de los usuarios el código es el siguiente.

admin.php

<!DOCTYPE html>
<html lang="ES">
 <head>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">   
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Sistema de Login PHP Desde Cero Paso a Paso (Parte 2)</title>
 </head>

 <body>
    	<div class="container col-sm-6 col-md-offset-3">
    		<div class="panel panel-primary text-center ">
        		<div class="panel-heading ">
            	<h4>Bienvenidos al area administrativa </h4>
            	</div>
            	<div class="panel-body">
                	<div class="panel col-sm-10 col-md-offset-1">
                       <div class="panel panel-warning">
                        <div class="panel panel-heading">
                        	<b>Datos del usuario</b>                        	
                        </div>
                        
                        
                       <div class="col-lg-6">
                       	<img src="#" width="150" height="150" />
                       </div>
                       <div class="col-lg-6">
                       		<b>Bienvenid@</b>
                       </div>
                       
                       
                       
                       </div>
                    </div>
            
            	</div>        
       		 </div>  
        </div>  


	 <script src="js/bootstrap.min.js"></script> 
     <script src="js/jquery.js"></script>
 </body>
</html>

Con esta parte ya tendremos nuestra area administrativa activa, ya podemos ver como queda nuestra pagina de admin dicha pagina solo está de muestra ya que no tiene los datos de los usuarios, por ahora esa pagina estará visible pero conforme vallamos avanzando esta no será accesible sino te logeas con los datos que proporcionaremos aquí.

Así queda nuestra pagina de admin.

 

sistema de login de usuarios

sistema de login de usuarios

Esto es solo la maqueta de como quedaria nuestra pagina de admin, luego con el login se tomaran los datos de la base de datos y se llenara de información.

Aquí puedes ver el diseño de esta pagina.

Bueno mis amigos los espero en la parte 3 de este pequeño mini tutorial donde ya vamos a empezar a codificar con php y mysql, en la próxima entrega veremos como poner todo esto en funcionamiento. si te fijas esto es algo muy sencillo pero con un poco de creatividad lo puedes adaptar a un proyecto grande.

 

Login PHP MySQL Desce Cero Parte 3

 

Deja un comentario

Tu dirección de correo electrónico no será publicada.