MANEJO DE DATOS EN EL SERVIDOR E INTERACCIÓN CON EL CLIENTE MEDIANTE UNA APLICACIÓN WEB

DESARROLLO DEL LABORATORIO[pic 1]

MANEJO DE DATOS EN EL SERVIDOR E INTERACCIÓN CON EL CLIENTE MEDIANTE UNA APLICACIÓN WEB

OBJETIVO DEL LABORATORIO.

Con el objetivo de poner en práctica lo aprendido en la materia Computación en el Servidor Web, se solicita crear una aplicación web que permita la interacción entre el cliente y el servidor mediante el manejo de datos.

DESCRIPCIÓN DEL LABORATORIO

 Para realizar este laboratorio se instaló correctamente XAMPP como servidor y Sublime como editor.

Se procedió a diseñar una pequeña interface para recepción de mercadería, que permita el ingreso de proveedores y productos.

[pic 2]

Para el desarrollo de esta aplicación se usó el patrón MVC (Modelo Vista Controlador) que se encarga de separar la lógica de negocio de la interfaz de usuario, además de  facilitar la funcionalidad, mantenibilidad, y escalabilidad del sistema, de forma cómoda y sencilla.

Se divide en tres capas que son:

1. Modelo: es la lógica de negocios. Es decir las clases y métodos que se comunican directamente con la base de datos.

1. Vista: es la encargada de mostrar la información al usuario, con de forma gráfica y legible.

1. Controlador: el intermediario entre la vista y el modelo, se encarga de controlar las interacciones del usuario en la vista, pide los datos al modelo y los devuelve de nuevo a la vista para que esta los muestre al usuario. Es decir las llamadas a clases y métodos, y los datos recibidos de formularios.

En la siguiente imagen se puede apreciar cómo se encuentra estructurado el proyecto. Además de las carpetas que conforman el patrón, se encuentras dos adicionales, una denominada recursos en donde se almacena css, js, etc que enriquecen el aplicativo; y otra denominada config, en donde se encuentra la configuración de la base de datos.

[pic 3]

Para la conexión a la base de datos en el archivo db_conf.php, se almacena la configuración para la conexión a la base de datos.

[pic 4]

Dentro de la carpeta model, en el archivo db_connect.php, podemos observar que se realiza la conexión a la base de datos.

[pic 5]

En esta carpeta tambien se observan las clases que relacionan a las tablas que se encuentran en la base de datos, estan son Proveedor y Producto.

A continuación se observa la clase Proveedor, aquí podemos ver los métodos que permiten la interacción con la base de datos. Se uso my_sqli, para este ejercicio.

[pic 6]

[pic 7]

[pic 8]

En la carpeta Controllers, tenemos las classes que permiten la interacción entre la vista y el modelo.

A continuación la clave proveedor_controller.php.

[pic 9]

A  continuación  una explicación de cómo funciona la aplicación, misma que se implementó usando los conceptos aprendidos.

En la pantalla principal se observan los proveedores que abastecen de productos a la pequeña empresa.

[pic 10]

Este pequeño aplicativo permite el ingreso de nuevos proveedores, como se muestra en el siguiente ejemplo.

...