ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
LABORATORIO N° 11
Escuela Profesional: Ingeniería de Sistemas. Asignatura: INGENIERÍA WEB
Sección: C2 Semestre Académico: 2023-Il
Docente: Patrick Wilder Gamboa Gamarra
Ejemplos Prácticos
Ejemplo1: Vamos a crear un formulario para hacer transacciones donde
ingresaremos productos que sea posible que tenga inventario o no al
momento de ingresarlo, en el caso que tenga inventario tendrá un stock y
también se deberá decir si el producto está activo o fue dado de baja.
PASO1: Creamos la siguiente BD y su tabla productos
PASO2: Una vez creada nuestra tabla vamos a conectarla con nuestro programa de
php.
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
Las Opciones que agregamos son para poder indicar el tipo de excepciones que
podrían aparecer.
PASO3: Ahora diseñamos el formulario con Bootstrap y también agregamos el jquery
que utilizaremos
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
El diseño del formulario es opcional.
PASO4: Crearemos nuestro index donde iremos agregando los link de los diseños de
Bootstrap que agregamos.
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
Luego iremos agregando nuestra tabla donde van los datos ingresados.
PASO5: Ahora vamos a mostrar los datos de la BD.
Primero creamos en la carpeta Controllers el [Link]
En la consulta le vamos a decir que solo muestre los productos que estén activos (1).
En la consulta creamos un alias para el activo llamado mi_activo y luego en el execute
le decimos que su valor es la variable activo.
PASO6: Regresamos al index y mostramos los datos en una tabla.
Donde primero llamaremos al controlador mostrar.
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
Y luego mostramos los datos con un foreach y le agregamos los botones para editar y
borrar donde también le agregaremos el id que será enviado.
GUARDAMOS Y EJECUTAMOS.
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
PASO7: Ahora vamos a agregar nuevos productos desde el formulario.
Primero creamos en view en [Link] donde agregaremos el diseño usando
Bootstrap
Donde todos los datos que ingresemos en el formulario se enviaran a [Link]
que crearemos ahora.
PASO8: Crea el [Link].
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
Este php solo nos mostrara una pantalla que diga que se registro correctamente y
ademos agregara los datos a la BD llamando al controlador [Link] que crearemos
ahora.
PASO9: Crear el controlador que guarde los datos ingresados en la BD.
En la primera parte se utilizara para actualizar los registro donde vamos a ver el caso
en que ya exista el id que se ingreso donde empezara recibir los datos ingresados y a
guardarlos en una variable, en el caso del checkbox que es el inventariable vamos a
usar un isset que es como un if y donde la vamos a decir que si el existe el valor de
inventariable (ósea si le das clic al checkbox) entonces va a tomar ese valor, pero en
caso no exista (no le diste clic) su valor será 0. Luego de obtener todas las variables
loque hará será actualizar los datos.
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
Luego vamos con la parte de ingresar un nuevo dato. Donde haremos lo mismo que en
el anterior pero en este caso ingresaremos un nuevo producto.
PASO10: Ahora vamos con editar el producto
Crearemos el [Link] donde agregaremos el controlador editar para que nos
muestre los datos del producto que seleccionamos. Luego agragamos el diseño del
pequeño formulario. Donde los nuevos datos ingresador serán enviado a guardarView.
Para lograr actualizarlos en la BD.
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
Ahora creamos el controlador editar para llamar al dato seleccionado.
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
.
PASO11: Por ultimo agregamos el eliminar.
Donde primero creamos el controlador eliminar
Luego creamos el eliminarView Donde este llamara al controlador eliminar, y en el
caso que se halla eliminado correctamente nos mandara un mensaje de confirmación.
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
GUARDAMOS Y EJECUTAMOS.
Pantalla principal
Nuevo registro
ESCUELA ACADÉMICA PROFESIONAL DE
INGENIERÍA DE SISTEMAS
Editar Registro.
TAREA LABORATIRIO 11
PROBLEMA 1: Crear un formulario para hacer transacciones donde se ingrese el
producto el precio unitario, la cantidad y que se muestre en la BD el nombre del
producto, el subtotal (precio unitario x cantidad), el impuesto por IGV (18%) y el total a
pagar (subtotal - IGV).
