domingo, 7 de noviembre de 2021

SEMANA No. 15 - TALLER 7 - Desarrollo de Sitio Web en Arquitectura de 3 Capas - Cliente Servidor

 

https://www.apachefriends.org/es/index.html

https://www.apachefriends.org/es/index.html
Clic en la imagen para ir a descargar.


ACTIVIDAD:

  1. Descargar el XAMPP mediante el link que se encuentra dando clic en el logo.
  2. Instalar y configurar la herramienta.
  3. Hacer en recorrido por la funcioanlidad de la herramienta.
  4. Montar el proyecto de la pagina web personal que se ha desarrollado hasta el momento en el localhost.
  5. Capturar una imagen del sitio instalado en el localhost y subirla como evidencia al DRIVE - Configuración XAMPP" 
  6. Crear una base de datos en phpmyadmin de la siguiente manera:
    • base de datos: reg_usuarios
    • Tabla: usuarios
    • Columnas: (id_user,cedula,nombre,apellido,email,sexo,user,pass,telefono,direccion)
Codigo para crear la tabla: 
 
CREATE TABLE `reg_usuarios`.`usuarios` ( `id_user` INT NOT NULL AUTO_INCREMENT ,  `cedula` INT(10) NOT NULL ,  `nombre` TEXT NOT NULL ,  `apellido` TEXT NOT NULL ,  `email` VARCHAR(50) NOT NULL ,  `sexo` TEXT NOT NULL ,  `user` VARCHAR(50) NOT NULL ,  `pass` VARCHAR(50) NOT NULL ,  `telefono` INT(10) NOT NULL ,  `direccion` INT(20) NOT NULL ,    PRIMARY KEY  (`id_user`),    UNIQUE  (`cedula`),    UNIQUE  (`user`)) ENGINE = InnoDB
 
 
 ________________________________________


 

 

 
 
 ________________________________________
 
 
UNZIPPER.PHP 
Aplicación para descomprimir ZIP en servidor
 
 ________________________________________

APRENDIENDO A DESARROLLAR UN LOGIN/REGISTRESE EN PHP

En este recurso vas a encontrar 1 modelo para realizar una sección de LOGIN/REGISTRESE con PHP y así lo implementes en el proyecto Pagina Web Personal.
 
conexion.php  <-- Este es el nombre que debe llevar el archivo

<!DOCTYPE html>
<html>
<head>
    <title>CONEXIÓN A LA BASE DE DATOS</title>
</head>
<body>
<?php     
$conexion = mysqli_connect('localhost','root','','reg_usuarios') or die("Error al conectarse".mysqli_error($conexion));
?>
</body>
</html>

 _________________________________

login.php 
<-- Este es el nombre que debe llevar el archivo

//debes crear una copia de uno de los HTML que tengas ya creados ccambiar el nombre por el indicado (login.php) y sobre escribir el <section> con este.


<section>
<center><h2>LOGIN DE USUARIOS</h2></center>
<br>
<br>
<center>
<form action="ingrese.php">
<input type="image" src="../images/btn_login.png"  name="" value="Usuarios Registrados">
</form>
<form action="registre.php">
<input type="image" src="../
images/btn_reg.png"  name="" value="Usuarios Nuevos">
</form>
<br>
</center>
</section>

_________________________________

ingrese.php 
<-- Este es el nombre que debe llevar el archivo
 
//debes crear una copia de uno de los HTML que tengas ya creados ccambiar el nombre por el indicado (ingrese.php) y sobre escribir el <section> con este.

<section>
    
<center><h2>LOGIN DE USUARIOS REGISTRADOS</h2></center>
<br>
<br>
<center>
<form action="../../control/validar.php" method="post">
<label for="caja1"><p><h3>Nombre de Usuario</h3></p>
<p><input id="caja1" type="text" name="usuario" placeholder="Usuario" required=""></p><br><br>
</label>
<label for="caja2"><p><h3>Contraseña</h3></p>
<p><input id="caja2" type="password" name="password" placeholder="Contraseña" required=""></p><br>
<input type="submit" value="Iniciar Sección">
</label>
</form>
</center>
</section>

_________________________________

registre.php 
<-- Este es el nombre que debe llevar el archivo
 
//debes crear una copia de uno de los HTML que tengas ya creados ccambiar el nombre por el indicado (registre.php) y sobre escribir el <section> con este.

<section>
    
<center><h2>REGISTRO DE USUARIOS NUEVOS</h2></center>
<br>
<br>
<center>
<form action="" method="post">
<table>
<tr><td><b>CEDULA: </b></td><td><input required type="" name="ced"><br></td></tr>
<tr><td><b>NOMBRE: </b></td><td><input type="" name="nom"><br></td></tr>
<tr><td><b>APELLIDOS: </b></td><td><input type="" name="ape"></td></tr>
<tr><td><b>E-MAIL: </b></td><td><input type="" name="ema"></td></tr>
<tr><td><b>SEXO: </b></td><td>hombre: <input checked type="radio" value="m" name="sex">
    mujer: <input type="radio" value="f" name="sex"><br></td></tr>
<tr><td><b>USUARIO: </b></td><td><input type="" name="use"></td></tr>
<tr><td><b>CONTRASEÑA: </b></td><td><input type="password" name="pas"></td></tr>
<tr><td><b>TELEFONO: </b></td><td><input type="" name="tel"></td></tr>
<tr><td><b>DIRECCIÓN: </b></td><td><input type="" name="dir"></td></tr>
</tr>
</table>
<br><br><input type="submit" name="" value="Registrarse">
</form>
</center>

<?php

    include ("conexion.php");

    if ($_POST) {

    $ced = $_POST['ced'];
    $nom = $_POST['nom'];
    $ape = $_POST['ape'];
    $ema = $_POST['ema'];
    $sex = $_POST['sex'];
    $use = $_POST['use'];
    $pas = $_POST['pas'];
    $tel = $_POST['tel'];
    $dir = $_POST['dir'];
    
    mysqli_query($conexion, "INSERT INTO usuarios(cedula,nombre,apellido,email,sexo,user,pass,telefono,direccion) VALUES ('$ced','$nom','$ape','$ema','$sex','$use','$pas','$tel','$dir')") or die ("Error al ingresar dato");
    echo "DATO GUARDADO";

    }

?>

</section>


_________________________________

Validar.php 
<-- Este es el nombre que debe llevar el archivo
 
<?php  
if (isset($_POST['usuario']) and isset($_POST['password'])) {
    include('conexion.php');
    $user = $_POST['usuario'];
    $pass = $_POST['password'];
    $consulta = "SELECT * from usuarios where user='$user' and pass='$pass'";
    $resultado = mysqli_query($conexion,$consulta);
    $filas = mysqli_num_rows($resultado);   
    if ($filas>0) {
        header("location:pagina_reg/Index.html");
    }
    else {

        header("location:form/registre.php");
    }
}else {
    header('location: ./');
}
mysqli_close($conexion);
?>


_________________________________
 

conexion.php con iconos e imagenes --> material de apoyo para exámen final

<!DOCTYPE html>
<html>
<head>
    <title>CONEXIÓN A LA BASE DE DATOS</title>
    <link rel="stylesheet" href="fonts/css/all.css">
</head>
<body>
<?php     
$conexion = mysqli_connect('localhost','root','','reg_usuarios') or die("Error al conectarse".mysqli_error($conexion));
echo "@";
?>
</body>
</html>


 

___________________________________________________________

No hay comentarios:

Publicar un comentario