Laboratorio de Servidor Web - Interaccion Cliente Servidor

Asignatura

Datos del alumno

Fecha

Computación en el

Servidor web

Aldo Manuel Pérez Alvarado

22 de enero del 2022

Objetivo:

Crear una aplicación en formato MVC , con conexión a mysql para replicar la interacción entre el cliente y el servidor.

Contexto:

Decidí crear una aplicación CRUD en php apuntando a una tabla con usuarios en MySql , con un poco de desarrollo front end en bootstrap y css , con las columnas de Name y Email.

Separarè la explicación del proyecto en los siguientes puntos:

MySql

Create Users

Read

Delete Users

Update Users

Diagrama de Clases

MySql

Se crea la base de datos llamada “my_db” , con la tabla llamada users con la siguiente configuración:

Es importante mantener activo MySql en xampp para que nuestra app pueda conectarse correctamente a la database local. También crear un archivo php que contenga las propiedades de la conexión .

db_conn.php : Nuestro documento para la conexión está configurado con la propiedad de mysqli , el cual consta de sname,uname, dejamos preparado password para una conexión privada. Ademàs un echo que imprime los errores que ésta conexión retorne.

Create Users

Vista: Esta será la vista index de nuestra aplicación , consta de un formulario de bootstrap , con los campos y botones con redirecciones para las demás vistas , además se importa el archivo que contiene el servidor con la lógica.

Servidor: El servidor cuenta con la importación del archivo de conexión , la lógica de las validaciones en dado caso que algo esté vacío y la redirección a la siguiente vista después de la inserción.

Resultado:

Read

Vista: El código es una tabla , por cada fila se agrega botones para hacer la actualizaciones o el borrado.

Servidor: El servidor es solamente una consulta GET.

Resultado:

Update Users

Vista: El código es bastante similar al de create , pero popula el form con los valores seleccionados

Servidor: El servidor cuenta con sus validaciones correspondientes , ejecuciones post y redirecciones.

Resultado:

Delete Users

Vista: El action de delete no cuenta con una vista como tal , solo el botón

...