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 mostrar.php

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 ingresarView.php donde agregaremos el diseño usando
Bootstrap

Donde todos los datos que ingresemos en el formulario se enviaran a guardarView.php

que crearemos ahora.
PASO8: Crea el guardaView.php.
 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 guarda.php 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 editarView.php 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).