Desarrolla un sistema de control de inventarios con MVC

Name: Desarrolla un sistema de control de inventarios con MVC
Rating: 4.8 (13 reviews)

Desarrolla una aplicación completa bajo el patrón de diseño MVC con PHP, MySQL, Bootstrap, HTML y JavaScript.

Created byFrancisco Javier Arce Anguiano

Last updated 1/2026

Spanish

What you'll learn

Comprenderá las generalidades de PHP, su historia, funcionamiento, editores de código, instalación XAMPP y MAMP y su configuración.
Aprenderá las principales definiciones del patrón de diseño MVC, creación de carpetas, creación de la base de datos, la configuración del archivo .hta
Creará el proceso de entrada, la instalación de Bootstrap, crear un formulario, creación de archivos encabezado y pie de página, la vista de olvido el registro
Creará las características básica, los archivos del patrón MVC, crear la vista de detalle, mostrar un combo box del formulario, recibir y validar la informació.
Crear el proceso de alta, baja y cambios de los catálogos con diferentes llaves.

Course content

13 sections • 133 lectures • 17h 51m total length

Introducción6:12
El cliente realiza una solicitud al servidor de un recurso .php
El servidor recibe la solicitud y llama al lenguaje PHP.
Donde el servidor encuentre las etiquetas <?php ?>, lo ejecutará.
PHP realiza el programa y regresa como etiquetas HTML.
El servidor regresa el código HTML (nunca código PHP).
El cliente toma el HTML y el navegador lo interpreta.
Antes de empezar6:10
Cómo funciona PHP (opcional)6:49
El cliente realiza una solicitud al servidor de un recurso .php
El servidor recibe la solicitud y llama al lenguaje PHP.
Donde el servidor encuentre las etiquetas PHP, lo ejecutará.
PHP realiza el programa y regresa como etiquetas HTML.
El servidor regresa el código HTML (nunca código PHP).
El cliente toma el HTML y el navegador lo interpreta.
¿Qué necesitamos para el curso?3:58
1. Instalar la plataforma Apache-MySQL-PHP en su computadora como XAMPP, MAMP, LAMP o WAMP o es su defecto, contar con un servidor remoto con PHP.
2. Un navegador moderno.
3. Un editor de código como Sublime Text, Aptana, Brackets, Atom o Dreamweaver (cualquier versión).
4. Si se cuenta con un servidor remoto, necesitarás un FTP o cPanel.
Instalar el Apache + PHP + MySQL: XAMPP10:25
XAMPP es un paquete de instalación independiente de plataforma, software libre, que consiste principalmente en el sistema de gestión de bases de datos MySQL, el servidor web Apache y los intérpretes para lenguajes de script: PHP y Perl.
Instalar MAMP en una computadora con Windows (opcional)5:39
En este video instalaremos el paquete MAMP en una computadora Windows
Ver la configuración de PHP con phpinfo() (Opcional)5:39
Revisemos una función que es importante que es el phpinfo(), que bueno por lo general, pues lo utilizamos de vez en cuando, generalmente al principio para verificar nuestra versión de PHP y alguna librería que nos haga falta instalar o que tengamos dudas si está instalada.
Documentar con PHPDoc (opcional)5:24
PHPDoc es un conjunto de reglas para documentar nuestros programas.

Introducción al patrón de diseño MVC6:28
El patrón de diseño (de software) MVC se encarga de separar la “lógica de negocio” de la “interfaz de usuario” y es el más utilizado en aplicaciones web, ya que facilita la funcionalidad, mantenibilidad, y escalabilidad del sistema.
Creaciones de carpetas e index5:29
En esta clase utilizaremos las carpetas:
app
controladores
libs
modelos
sql
vistas
public
css
js
Img
fotos
Crear la base de datos5:57
Cliente
Producto
Proveedores
Facturas
Tablas9:52
categorias
compras
configuracion
detalles
devoluciones
entradas
estadomovimientos
estadoproducto
estadousuario
generos
El archivo .htaccess8:42
El archivo .htaccess nos permite modificar el acceso, en un ambiente Apache, a directorios o archivos.
Para que no puedan entrar a un directorio desde la URL y no ver el mismo se utiliza (en app):
Conectar la base de datos8:36
extension=php_pdo.dll
extension=php_pdo_firebird.dll
extension=php_pdo_informix.dll
extension=php_pdo_mssql.dll
extension=php_pdo_mysql.dll
extension=php_pdo_oci.dll
extension=php_pdo_oci8.dll
extension=php_pdo_odbc.dll
extension=php_pdo_pgsql.dll
extension=php_pdo_sqlite.dll
La clase Control7:21
MVC divide las aplicaciones en tres niveles de abstracción: Modelo-Vista-Controlador.
Separar la url y el Helper8:48
El método separaURL() toma la URL del sistema y lo separará.
Utilizaremos las funciones:
isset() valida si una variable está definida.
La función constructora de Control9:25
Dentro del constructor llamaremos el controlador y el método solicitado desde los parámetros.
La clase auxiliar Controlador.php6:09
En todos los controladores necesitaremos dos métodos: Uno para llamar a las vistas con los datos a desplegar y otro para generar el modelo.
Nos conviene generar una clase auxiliar (que no se ejecuta directamente) con ambos métodos.
La vista y el modelo5:59
MVC divide las aplicaciones en tres niveles de abstracción: Modelo-Vista-Controlador

El proceso de entrada5:45
EL proceso de login autenticará al usuario, su tipo y su estado.
Instalación a Bootstrap 5.39:39
Bootstrap 5.3, la versión actual de Bootstrap, es muy bien considerada por la comunidad de desarrolladores web. Se destaca por su facilidad de uso, su amplia compatibilidad y su extensa documentación, lo que lo convierte en una herramienta muy valiosa tanto para principiantes como para desarrolladores experimentados.
Bootstrap 5 - formulario-marco6:46
Bootstrap 5.3, la versión actual de Bootstrap, es muy bien considerada por la comunidad de desarrolladores web. Se destaca por su facilidad de uso, su amplia compatibilidad y su extensa documentación, lo que lo convierte en una herramienta muy valiosa tanto para principiantes como para desarrolladores experimentados.
Crear las otras vistas: Encabezado y Pie de página5:16
Bootstrap 5.3, la versión actual de Bootstrap, es muy bien considerada por la comunidad de desarrolladores web. Se destaca por su facilidad de uso, su amplia compatibilidad y su extensa documentación, lo que lo convierte en una herramienta muy valiosa tanto para principiantes como para desarrolladores experimentados.
Crear la vista de “olvido”7:43
Una práctica muy común es tomar un archivo anterior y convertirlo en un nuevo.
Lo realizaremos para crear la vista de “olvido de la contraseña”.
De la vista principal al controlador.
El controlador despliega la vista de “Olvidaste tu contraseña”.
Crear la constante de la ruta3:45
A medida que avanzamos en las llamas de los métodos, la ruta relativa se puede ir perdiendo, por lo que la mantendremos en una Constante global.
define()
Validar datos de la vista7:01
$_SERVER[“REQUEST_METHOD”] indica el método de envío a la página.
filter_var($email, FILTER_VALIDATE_EMAIL)
Validar el correo en la base de datos9:39
Un proceso de validación muy importante es que busquemos en la base de datos el correo electrónico antes de enviar el correo.
Desplegar los mensajes de error6:31
Realizaremos la función para desplegar el arreglo de errores dentro de la vista.
Enviar correo electrónico8:30
Por medio de la instrucción mail() enviaremos el correo electrónico al usuario.
Una vista general para mensajes8:43
Podemos crear una vista general donde podemos enviar diferentes mensajes erróneos o de aceptación.
Es muy importante saber a donde regresar después de la vista.
Leer los datos del usuario10:43
Debemos recuperar los datos del usuario para enviarle el correo electrónico.
Solucionar el problema de las vistas.
Encriptar datos en dos vías8:49
openssl_random_pseudo_bytes — Genera una cadena de bytes pseudo-aleatoria
openssl_cipher_iv_length — Obtener la longitud del iv (vector de iniciación) de cipher
Vista para cambiar la clave de acceso7:52
Necesitamos crear el método y la vista para cambiar la clave de acceso.
Validar datos de la clave de acceso6:40
hash_hmac(“sha512”,$clave,”llave encriptacion”); Genera una cadena cifrada por el método HMAC.
Actualizar datos de la clave de acceso5:42
hash_hmac(“sha512”,$clave,”llave encriptacion”); Genera una cadena cifrada por el método HMAC.
Recuperar la clave de acceso7:54
Una vez que tenemos la clave de acceso encriptada, la compararemos con la correspondiente en la base de datos.
Crear la clase sesión4:30
session_start(array $options = []): bool
$_SESSION[ ]
session_destroy(): bool
Crear el objeto Tablero4:54
Debemos validar que la sesión sea correctamente creada.
Si el usuario “retrocede” al login, debemos eliminar la sesión.
Recordar los datos9:32
time() - Regresa los números de segundo transcurridos desde el 1o de enero de 1970, tiempo Unix.
Crear el menú7:41
Dentro de el archivo del encabezado podemos añadir un menú y manipularlo si es administrativo o un usuario.
Opciones para salir del sistema5:10
Crear las opciones del lado derecho: usuario y salida.
Crear el parámetro private $sesion; el la clase Tablero.

Los archivos MVC para el objeto países6:59
Crearemos los archivos Modelo, Vista y Controlador para el objeto más sencillo del sistema: los países.
Países: desplegar la tabla con la carátula9:51
La vista llamada “Carátula” es la vista por omisión en todos los objetos.
Países: Vista de alta6:59
La vista de "Alta" nos servirá para el CRUD o ABC: Alta, Baja y Cambio.
Países: Alta-Modelo, insertar los datos9:15
Una vez que los datos han sido validados, armamos nuestro arreglo y ejecutamos el método de inserción a la base de datos.
Países: modificar los datos7:06
Utilizamos la misma vista para modificar los datos, y los enviamos a la validación de datos para su modificación.
Países: Baja lógica7:18
En el sistema realizaremos la “baja lógica”, es decir, no se borran los registros, sólo se marcan como baja en un campo de la tabla.
Países: crear la paginación de la tabla7:49
Debemos definir el tamaño de la página (una constante).
El método de carátula debemos recibir el número de página.
Determinar el número de registros de la tabla.
Debemos calcular la página y el último registro.
Enviar los datos a la vista
Crear un archivo de librerías
Países: Paginación-Archivo6:39
Debemos definir el tamaño de la página (una constante).
El método de carátula debemos recibir el número de página.
Determinar el número de registros de la tabla.
Debemos calcular la página y el último registro.
Enviar los datos a la vista
Crear un archivo de librerías
Países: crear los límites de la paginación9:07
Debemos definir el tamaño de la página (una constante).
El método de carátula debemos recibir el número de página.
Determinar el número de registros de la tabla.
Debemos calcular la página y el último registro.
Enviar los datos a la vista
Crear un archivo de librerías
Límites y número de páginas
Países: Paginación-Enviar las páginas9:43
Debemos definir el tamaño de la página (una constante).
El método de carátula debemos recibir el número de página.
Determinar el número de registros de la tabla.
Debemos calcular la página y el último registro.
Enviar los datos a la vista
Crear un archivo de librerías
Límites y número de páginas
Arrastrar la página donde se modifica

Creación de los archivos MVC: Modelo-Vista-Controlador7:00
Crearemos los archivos Modelo, Vista y Controlador para el objeto más sencillo del sistema: los categorías.
Categorías: Vista de alta6:14
La vista llamada “Carátula” es la vista por omisión en todos los objetos.
Categorías: Adaptar lavista "Alta" para modificar el registro5:32
Utilizamos la misma vista para modificar los datos, y los enviamos a la validación de datos para su modificación.
Categorías: Baja lógica7:16
En el sistema realizaremos la “baja lógica”, es decir, no se borran los registros, sólo se marcan como baja en un campo de la tabla.
Otros catálogos: Estado Movimientos: Activo, Cerrado Estado Producto: Activo9:20
Estado Movimientos: Activo, Cerrado
Estado Producto: Activo, Inactivo
Estado Usuario: Activo, Inactivo,Suspendido
Géneros: Masculino, 'Femenino
Tipo Movimiento: (1, 'Orden de compra'), (2, 'Entrada de almacén'), (3, 'Devolución al proveedor'), (4, 'Venta en mostrador');
Tipo Usuario: (1, 'Admon'), (2, 'Vendedor'), (3, 'Cliente'), (4, 'Proveedor');

Creación de los archivos MVC: Modelo-Vista-Controlador9:06
Crearemos los archivos Modelo, Vista y Controlador para el objeto más sencillo del sistema: los países.
Usuarios: crear una lista de selección en la vista "Alta"8:59
id,
tipoUsuario,
nombres,
apellidos,
direccion,
telefono,
correo,
clave,
genero,
estadoUsuario
Usuarios: Vista de alta-Campos7:50
La vista de "Alta" nos servirá para el CRUD o ABC: Alta, Baja y Cambio.
Usuarios: Verificar e Insertar10:10
Utilizamos la misma vista para modificar los datos, y los enviamos a la validación de datos para su modificación.
Usuarios: Insertar11:38
Utilizamos la misma vista para modificar los datos, y los enviamos a la validación de datos para su modificación.
Usuarios: Modificar-Vista10:36
Utilizamos la misma vista para modificar los datos, y los enviamos a la validación de datos para su modificación.
Usuarios: Baja lógica5:21
En el sistema realizaremos la “baja lógica”, es decir, no se borran los registros, sólo se marcan como baja en un campo de la tabla.
Usuarios: adecuar el objeto Login para los tipos de usuarios9:06
Ya que tenemos a los diferentes usuarios y sus tipos de usuario en el objeto Login.

Creación de los archivos MVC: Modelo-Vista-Controlador5:32
Crearemos los archivos Modelo, Vista y Controlador para el objeto proveedores.
Proveedores: crear la vista de alta10:08
La vista de "Alta" nos servirá para el CRUD o ABC: Alta, Baja y Cambio.
Proveedores: Modificar y Borrar5:36
Realizaremos el proceso de modificar y borrar un proveedor.
Objeto de productos8:08
Crearemos los archivos Modelo, Vista y Controlador para el objeto más sencillo del sistema: los países.
Productos: Vista de alta6:40
La vista de "Alta" nos servirá para el CRUD o ABC: Alta, Baja y Cambio.
Productos: Vista de alta-campos11:05
Los campos del registro del producto son:
id,
nombre,
descripcion,
precio,
foto,
ubicacion,
iva
Productos: validar los datos7:48
Utilizamos la misma vista para modificar los datos, y los enviamos a la validación de datos para su modificación.
Productos: Insertar10:52
Insertaremos los datos y obtendremos el identificador para almacenar las imágenes.
Productos: subir imágenes10:14
El formulario debe de modificarse: enctype="multipart/form-data"
Productos: mostrar imágen9:01
Utilizamos la misma vista para modificar los datos, y los enviamos a la validación de datos para su modificación.
Productos: Modificar8:51
Primero modificaremos los campos del registro y después modificaremos las imágenes.
Productos: Borrar3:30
En el sistema realizaremos la “baja lógica”, es decir, no se borran los registros, sólo se marcan como baja en un campo de la tabla.
Productos: Vista para imágenes10:48
La vista de las imágenes de un producto, será similar a la carátula de la tabla.
Productos: Borrar una imagen8:31
Para borrar una imagen, primero haremos una vista de confirmación.
Productos: Añadir una imagen6:22
Añadiremos una imagen a nuestro directorio del producto. En este caso subiremos sólo un archivo a la vez.

Crearemos los archivos Modelo, Vista y Controlador12:03
Crearemos los archivos Modelo, Vista y Controlador para el objeto más sencillo del sistema: los países.
Compras: Seleccionar un proveedor7:59
Lo primero que vamos hacer es la vista de seleccionar el proveedor:
Compras: Crear el folio9:43
Crearemos el folio de la orden de compra y pasaremos a la vista para añadir productos del proveedor.
Compras: Vista de detalle9:03
Crearemos la vista de detalle para mostrar los productos y los totales de cada columna.
Añadir productos a una orden de compras (vista)10:06
Crearemos el formulario para añadir la lista del producto.
Compras: Seleccionar productos9:58
Debemos ir descartando los productos que ya incluimos en nuestra orden de compra.
Dar de alta otros proveedores y productos.
Compras: vista captura producto8:12
Primero validaremos los datos antes de su inserción.
Compras: Insertar producto11:15
Insertaremos los datos y obtendremos el identificador para almacenar el producto.
Compras: Vista detalle orden de compra9:22
Leeremos nuevamente los datos para desplegarlos en el detalle de la orden de compra.
Compras: regresa a la vista detalle orden de compra8:40
Leeremos nuevamente los datos para desplegarlos en el detalle de la orden de compra.
Compras: Modificar una orden9:55
La baja sería igual, pero le enviamos el parámetro de baja como “true”.
Compras: Borrar producto12:53
comprasAltaDetalleVista
compras/borrarProducto
comprasBorraProductoVista
compras/bajaLogica

Crear los archivos Modelo, Vista y Controlador6:25
Crearemos los archivos Modelo, Vista y ControladorCrearemos los archivos Modelo, Vista y Controlador para el objeto de transacción de entrada al almacén.
Entradas: Desplegar orden de compra9:52
Primero vamos a crear una entrada al almacén para recibir el inventario de los productos en el almacén.
Entradas: Detalle Entrada Vista9:09
En las entradas de almacén no tenemos la opción de borrado de la orden de compra, por lo que tenemos que limpiar la vista de Alta Detalle Vista.
Entradas: Finalizar la entrada al almacén8:55
Finalizaremos la orden de entrada y actualizaremos el stock de cada producto.
Entradas: Eliminar un producto de la orden de compra12:06
Leeremos nuevamente los datos para desplegarlos en el detalle de la orden de compra.
Entradas: Revisión del código7:18
Siempre hay que revisar nuestro código. :)

Crear los archivos Modelo, Vista y Controlador8:42
Crearemos los archivos Modelo, Vista y Controlador para el objeto de transacciones de Ventas, que disminuyen el inventario.
Ventas: Seleccionar al cliente6:58
Primero debemos saber al cliente que le vamos a vender.
Debemos crear un cliente que se llame “Venta al mostrador”.
Ventas: Vista Alta Detalle10:47
Tenemos que validar el número del cliente a lanzar la vista Alta-Detalle.
Ventas: Alta de un producto validación9:24
Tomaremos prestado el código de “Compras” para dar de alta un producto.
Ventas: Alta Producto Vista7:31
Después de la validación preparamos la vista para seleccionar el producto.
Ventas: Detalle Ventas7:54
Modificaremos el método de detalle Ventas tomado de las compras.
Ventas: Borrar producto9:56
Desde la vista del detalle podemos borrar los productos de la misma.
ventas/borrarProducto/
ventasBorrarProductoVista
ventas/bajaLogica
ventas/detalleVenta/
Ventas: Cancelar venta6:15
Para cancelar la venta será el equivalente a borrarla.
ventas/cancelarVenta/
cancelarVenta()
modelo/cancelarVenta()
ventas/
Ventas: Finalizar la venta8:12
Para finalizar la venta, actualizamos el stock.
Ventas: Consultar11:06
Para consultar una venta, crearemos una vista especial.
Ventas: Revisar el código7:58
Revisar el código en el controlador y el modelo.

Requirements

Conocimientos generales de PHP y MySQL.
Conocimientos generales de desarrollo web bajo el patrón de diseño MVC.
Conocimientos generales de Bootstrap 5 (no indispensable).

Description

Una aplicación que es muy recurrente en Internet es el desarrollo de una aplicación para el control de una inventario. Esta aplicación nos sirve para utilizar lenguajes del lado del cliente, como JavaScript y lenguajes del lado del servidor como PHP, así como conectarlo con bases de datos, en este caso como MySQL, herramientas que son las más utilizadas en la Web. En este curso construiremos las páginas web por medio de Bootstrap 5.3. lo cual nos permitirá tener una aplicación responsiva.

Partiremos desde una página completamente en blanco hasta concluir la parte del usuario (front-end) y la parte del administrador (back-end). Los objetivos del presente curso son:

Conocer los aspectos básicos de PHP y su instalación.
Crear la estructura Modelo, Vista y Controlador para construir la tienda virtual con PHP y MySQL.
Crear el controlador, el modelo y las vistas necesarias para permitir el acceso de los usuarios al sistema.
Crear el menú, controlador, modelo y las vistas necesarias para: el tablero, las cuentas, los movimientos.
Manejo de imágenes y paginación de consultas muy largas

Este curso intermedio, por lo que usted debe tener las bases de programación en Bootstrap, PHP, JavaScript y MySQL, aunque no debe de ser experto en ellos. Es una buena oportunidad para poner en práctica sus conocimientos. Usted debe de contar con una instalación de Apache-PHP-MySQL, como XAMPP, MAMP o WAMP.

Al final del curso contarás con todos los archivos del curso y los esquemas de la base de datos.

Who this course is for:

Este curso está enfocado para los desarrolladores web con conocimientos de PHP y MySQL.

Desarrolla un sistema de control de inventarios con MVC

What you'll learn

Explore related topics

Course content

Introducción8 lectures • 50min

Definiciones del patrón de diseño MVC11 lectures • 1hr 23min

El objeto Login22 lectures • 2hr 39min

El primer objeto: países10 lectures • 1hr 21min

El objeto de categorías5 lectures • 35min

El objeto de los usuarios8 lectures • 1hr 13min

Los objetos proveedores y productos15 lectures • 2hr 3min

Crear las Órdenes de compra12 lectures • 1hr 59min

Entradas al almacén6 lectures • 54min

Ventas, una salida de inventario11 lectures • 1hr 35min

Requirements

Description

Who this course is for: