miércoles, 5 de diciembre de 2018

Php 25. Acceso usuarios. Control acceso

En este video terminamos el proyecto, controlando el acceso del usuario a la web y manejando sesiones con Php.



index.php

<?php
require_once("php/limpiaTexto.php");
require_once("php/baseDatos.php");
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1,width=device-width">
<meta name="keywords" content="acceso,usuarios,php,mysqli">
<link rel="stylesheet" href="css/estilos.css" type="text/css">
<title>Acceso Usuarios</title>
</head>
<body>
<header id="cabecera">
<nav id="navegacion">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Acerca de</a></li>
</ul>
</nav>
</header>
<div id="contenido">
<section>
<article>
<div id="formulario">
<h1>Acceso usuarios</h1>
<?php
if(isset($_POST['nombre'])&& isset($_POST['clave'])){
$nombre=limpiaTexto($_POST['nombre']);
$clave=limpiaTexto($_POST['clave']);
$conexion=conectarBase();
$entra=accesoUsuario($conexion,$nombre,$clave);
if($entra){
if(session_status()!== PHP_SESSION_ACTIVE){
session_start();}
$_SESSION["autenticado"]="si";
$_SESSION["usuario"]=$nombre;
echo "<script>alert('Bienvenido.');
window.location.href=\"dentroUsuario.php\"</script>";
}else{
echo"<script>alert('Error, intentalo de nuevo.');
window.location.href=\"index.php\"</script>";
}
} else {?>
<form autocomplete="off" action="index.php" method="post" name="formulario">
<input type="text" name="nombre" required placeholder="Nombre"/><br/>
<input type="password" name="clave" required placeholder="Clave"/><br/>
<input type="submit" value="Entrar" class="boton"/>
</form>
</div>
<?php
}
?>
</article>
</section>
<aside></aside>
<footer id="pie">
<p>@Copyright ------</p>
</footer>
</div>
</body>
</html>
BaseDatos.php


<?php
require_once("codifica.php");
function conectarBase(){
$root="root";
$clave="";
$localhost="localhost";
$base="acceso";
$tabla="usuarios";
$mysqli=new mysqli($localhost,$root,$clave,$base);
return $mysqli;
}
//pruebas
$conectado=conectarBase();
if($conectado){
echo "conexion correcta";
}
function altaUsuario($mysqli,$nombre,$clave){
$key=codificar($clave);
$mysqli->query("INSERT INTO usuarios (id,nombre,clave) VALUES (NULL,'".$nombre."','".$key."')");
}
function accesoUsuario($conexion,$nombre,$clave){
$key=codificar($clave);
$consulta="SELECT * FROM usuarios WHERE nombre='".$nombre."'";
$resultado=$conexion->query($consulta);
if($resultado){
while(($columna=$resultado->fetch_assoc())){
$nombreTabla=$columna['nombre'];
$claveTabla=$columna['clave'];
if($nombre==$nombreTabla){
$entra=compara($claveTabla,$key);
if ($entra){
return true;
} else {
return false;
}
}
}
$resultado->free();
$conexion->close();
}else{
echo "sin resultados";
}
}
?>



sábado, 1 de diciembre de 2018

Php 24. Acceso Usuarios, conexion BD

En este video vemos como preparar las primeras funciones PHP, para conectar a la base de datos, usamos una funcion para poder guardar la clave codificada.



<?php
function limpiaTexto($texto){
$textoLimpio=strip_tags($texto);
$textoLimpio=trim($textoLimpio);
return $textoLimpio;
}
?>

<?php
function codificar($texto){
$mas="dkjfdkajKKKjd";
$textoCodificado=md5($texto.$mas);
return $textoCodificado;
}
function compara($textoBaseDatos,$textoUsuario){
if($textoBaseDatos==$textoUsuario){
return True;
}
else{
return False;
}
}
?>

<?php
require_once("codifica.php");
function conectarBase(){
$root="root";
$clave="";
$localhost="localhost";
$base="acceso";
$tabla="usuarios";
$mysqli=new mysqli($localhost,$root,$clave,$base);
return $mysqli;
}
//pruebas
$conectado=conectarBase();
if($conectado){
echo "conexion correcta";
}
?>

Php 23. Acceso Usuarios


En este video creamos la plantilla en html que nos servira para preparar la entrada de usuarios con php y mysql.
A esta plantilla le damos formato con el archivo css.
El siguiente video tendra codigo php para comenzar el proyecto.




Index

<head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1,width=device-width"> <meta name="keywords" content="acceso,usuarios,php,mysqli"> <link rel="stylesheet" href="css/estilos.css" type="text/css"> <title>Acceso Usuarios</title> </head> <body> <header id="cabecera"> <nav id="navegacion"> <ul> <li><a href="#">Inicio</a></li> <li><a href="#">Acerca de</a></li> </ul> </nav> </header> <div id="contenido"> <section> <article> <div id="formulario"> <h1>Acceso usuarios</h1> <form autocomplete="off" action="index.php" method="post" name="formulario"> <input type="text" name="nombre" required placeholder="Nombre"/><br/> <input type="password" name="clave" required placeholder="Clave"/><br/> <input type="submit" value="Entrar" class="boton"/> </form> </div> </article> </section> <aside></aside> <footer id="pie"> <p>@Copyright ------</p> </footer> </div> </body> </html>



Estilos Css
*{ margin:0 auto; color: white; padding:2px; font-family:sans-serif,Helvetica,Arial; text-decoration:none; } header,nav,section,article,aside,footer{ display:block; background:linear-gradient(200deg,orange,blue); } #cabecera{ height:auto; width:100%; margin-bottom:5px; padding:5px; } #navegacion{ padding:5px; margin:2px; text-align:center; } #navegacion li{ display:inline-block; text-align:center; padding:2px; margin:2px; } #navegacion li a{ background-color:orange; color:blue; text-decoration:none; padding:10px; } #navegacion li a:hover{ background-color:yellow; color:red; } #formulario{ display:block; text-align:center; margin:10px; padding:5px; } input[type="text"],input[type="password"]{ border-radius:5em; color:blue; padding:2px; margin:5px; } .boton{ border-radius:5em; color:blue; padding:2px; margin:5px; width:120px; } #pie{ margin-top:5px; padding:5px; font-size:0.5em; }

Enlace video instalacion WampServer