2 Introducción En este proyecto pondremos en practica lo aprendido en este primer parcial sobre xml y xslt y apoyándonos en nuestros conocimientos previos de la materia de bases de datos avanzadas para poder generar vistas web y conexiones con las bases de datos
Objetivos • Crear un sistema de pedidos de joyeria • Permitir a los usuarios crear un pedido • Permitir a los usuarios consultar su factura • Utilizar xml y xslt para el desarrollo del proyecto •
3 Metodología Paso 1 Para este proyecto lo primero que realice fue crear la bd. En este caso me base en el texto brindado para generar mi bd con sus tablas. Genere 4 tablas Pedidos- Se almacena la información general de cada pedido Productos- Se almacena la información de los productos disponibles con código, nombre y precio DetallesPedido- Para poder relacionar los productos con su pedido Clientes – Almacena la información de los clientes Las sentencias SQL para la generación de la bd con sus tablas se encuentran en el arhcivo adjunto joyeria_fina.txt Paso 2 Genere una vista web basada en Flask Para esto me base en las estructuras del semestre pasado de la materia de base de datos donde utilizamos la siguiente estructura App.py Templates/ Index.html Static/ Css/ Style.css
Una vez creada mi estructura empeze a programar el app.py para poder ejecutar mi programa.
4 Primero definí las diferentes librerías que iba a utilizar y configura mi conexión con la bd
Después de esto empecé a genera mi ruta raíz que se dirigiría a index.html. En esta pagina es en donde el usuario va a poder crear su pedido mediante un formulario. Dentro de este formulario cree un select de productos para que el usuario solamente tenga que seleccionar que es lo que quiere y no tenga que ingresarlo manualemnte
Y este es el código para el index.html
5 Cuando se le da sumbit al formulario se manda toda la información a la bd en la tabla DetallesPedido para que pueda ser accedida a futuro.
6 Y asi es como se ve el formulario
Paso 3 Para el paso 3 genere el xml para que se pueda visualizar la información de los diferentes pedidos, para esta parte no genere un html si no que lo hice directo en el app.py para que lo mostrara como JSON
7 Para poder acceder a la información de cada uno de los diferentes pedidos se tiene que hacer mediante e url directamente. En este caso para ver la información de un pedido en formato JSON se usa el siguiente URL http://34.27.72.34:5000/pedido/1 El numero al final representa el num de pedido que podemos modificar de acuerdo a que pedido queremos ver Asi es como se debería de ver si todo funciona correctamente
Paso 4 Aplique la transformación XSLT al XML para que se pudiera ver en formato HTML y CSS Para este paso defini dentro de mi app.py la ruta para poder visualizar la factura de la siguiente manera
Para poder visualizar la factura solamente tenemos que agregar /factura a nuestro URL de acuerdo con el pedido y listo. Para que se muestre correctamente también tenemos que generar nuestro archivo XSLT 8 En general este contiene la estructura de como se va a ver nuestra html junto con sus estilos css
9 Cuando visitemos nuestro sitio se debería de ver asi http://34.27.72.34:5000/pedido/1/factura
10 Conclusión
En conclusión este fue un proyecto muy retador no por que fuera
difícil si no por que me reto a integrar varios de mis conocimientos previos de otras materias que ya estaban un poco oxidados. Me gusto que mis conocimientos de materias anteriores fueran empleados dentro de otras materias para poder darle seguimiento a sus aplicaciones reales. En general me gusto este proyecto y me ayudo a reforzar mis conocimientos tantos de esta materia como de materias anteriores.
