Introducción

Hace algunos días hice un ejercicio de un sistema de ventas en PHP. Está escrito en puro PHP, nada de Javascript. Eso sí, para los estilos utilicé una variante de Bootstrap.

Los archivos no tienen una estructura, pero como lo dije, es un ejemplo. También escribo esto porque igual y le sirve a alguien más o me sirve a mí mismo para algunas referencias.

Para la persistencia de datos utiliza MySQL. Guarda productos y ventas. No maneja permisos de usuarios. Almacenamos el carrito de compras en la sesión, y bueno, mejor lo explico por partes.

Antes de comenzar

Te invito a probar Sublime POS 3, un punto de venta evolutivo, gratuito y que funciona en la nube.

Actualización

Ya he hecho la versión 2 de este sistema. No cambian muchas cosas en cuanto a su uso, sino a su programación. Lo hice con CodeIgniter usando el patrón MVC. Ver nueva versión aquí.

Nota: si eres principiante, recomiendo ver primero el sistema aquí presente.

Nota 2: mira este sistema pero corriendo sobre Android.

Nota 3: he escrito un sistema gratuito y open source en Laravel, que es como este, pero mejorado.

Probar sistema terminado

Vista previa

Así se ve el sistema terminado:

Online

De igual forma míralo en YouTube:

Descargar

Si gustas descargarlo y probarlo en tu entorno local, lo dejo en GitHub: https://parzibyte.me/l/9HMNZc

Sistema de ventas en PHP

Base de datos

Aquí dejo el esquema que se utilizó. También lleva algunos registros para tener con qué trabajar al inicio.

See the gist on github.

Y para conectarnos utilizamos PDO. El código para lograr esto es el siguiente:

See the gist on github.

Productos

Nuevo

Es un simple formulario que pide la información. Sólo pide el código de barras, la descripción, el precio de venta, de compra y la existencia.

See the gist on github.

Estamos incluyendo algunos archivos que son el encabezado y el pie. Estos archivos serán explicados más abajo.

Al enviar el formulario, los datos son recibidos en un archivo llamado nuevo.php. Este archivo tiene el siguiente código:

See the gist on github.

Como se ve, no estamos haciendo ninguna validación y estamos insertando los datos tal y como vienen del formulario. En caso de que todo vaya bien, redirigimos a listar.php para que dé la ilusión de que el producto fue guardado ahí mismo y fue añadido a la tabla.

Listar productos

Hablando de listar productos, aquí el código que dibuja la tabla:

See the gist on github.

Ahí mismo incluimos los botones que sirven para editar y eliminar el producto, que no son más que enlaces a otra página. Por cierto, también pusimos un botón para agregar un nuevo producto; igualmente es un link que lleva al formulario.

Editar producto

Cuando hacemos click en el botón editar, nos redirige a otro archivo. En él, leemos el id utilizando $_GET. Luego, hacemos una consulta a la base de datos en donde el id sea el que leímos.

Si el producto no existe, lo indicamos. En caso de que sí, entonces dibujamos el mismo formulario pero ahora lo llenamos con el atributo value de la etiqueta input. Para el textarea es diferente, pues el contenido debe ir entre las etiquetas, no como atributo.

See the gist on github.

Notar por favor que para saber el id que estamos editando (con el que haremos el where) lo estoy guardando en un input oculto.

Hay dos botones. Uno de ellos envía el formulario; el otro es simplemente un enlace que lleva a listar.php. El punto de todo esto es proporcionar al usuario unos botones de navegación.

Guardar cambios

Arriba vimos el formulario para editar. Ahora veamos el archivo en donde realmente guardamos los cambios. Es este:

See the gist on github.

Muy parecido al de insertar uno nuevo, pero éste edita. Si todo sale bien, nos lleva a listar.php que se encargará de mostrar los productos, con los cambios que se hayan hecho.

Eliminar producto

Finalmente veamos el de eliminar. Notar por favor que no pide confirmación, así que hay que hacerlo con cuidado.

See the gist on github.

Y así terminamos el CRUD de productos en PHP.

Vender

Esta fue la parte que más me gustó. Sólo se trabaja con arreglos y sesiones, pero me agradó el resultado.

Interfaz para vender

See the gist on github.

Muestra una tabla, que será de los productos que componen la venta. También muestra el total, que al inicio es 0. Y hasta abajo 2 botones que son para terminar de vender o para cancelar la venta. Igualmente hay unos ifs que muestran una alerta como “Producto inexistente” o cosas de esas.

Notemos que tiene un input, eso es para leer el código de barras. En realidad es un input dentro de un formulario. Dicho formulario, al enviarse, se va al archivo que veremos a continuación.

Finalmente, si vemos el encabezado, notaremos que declara el índice carrito en el arreglo superglobal de $_SESSION. Ahí es en donde colocaremos los productos 😉

Agregar al carrito de compra

Repito que esta es la parte que más me gustó. Comenzamos comprobando la existencia del producto, si no existe, regresamos a vender.php y le pasamos el status 5 que dirá que ya no hay existencias del producto.

En caso de que no exista el producto (es decir, que no exista, no que su existencia sea 0) mandamos el status 4.

See the gist on github.

Pero suponiendo que todo va bien y que el producto existe, iniciamos sesión y recorremos el arreglo carrito para ver si ya habíamos agregado ese producto antes. En caso de que lo hayamos agregado, entonces cambiamos solamente la cantidad.

Es decir, si ya existe “Mermelada de fresa” y vuelven a leer el código que le pertenece a ese producto, no vamos a mostrar en la tabla ambos productos. Mejor mostramos uno e indicamos que su cantidad es 2, y así sucesivamente.

Si no existe en el carrito entonces lo agregamos al arreglo y le ponemos su cantidad que por defecto es 1. También, por defecto, su total será el precio de venta. No es necesario hacer multiplicaciones.

Luego, en caso de que ya exista, calculamos su total, que es el resultado de multiplicar su precio de venta por la cantidad en el carrito.

Quitar del carrito

Ahora veamos cómo quitar productos del carrito. Simplemente eliminamos el elemento que pertenezca al índice que recibimos en $_GET. El código es muy fácil de entender:

See the gist on github.

Ah, y regresamos a vender.php con el status 3 que creo que dice que fue quitado correctamente.

Terminar venta

Es un simple archivo que insertará en la base de datos los productos vendidos, así como la venta, su fecha y su total. Queda así:

See the gist on github.

Restamos existencia de productos, tomamos la hora del servidor y guardamos la venta. Luego, limpiamos el carrito.

Si me preguntan por beginTransaction y commit, es para (aunque ni se nota) agilizar el proceso. Es como hacer muchos cambios en la base de datos pero no guardarlos hasta que terminemos. Más información en Bajo rendimiento en sentencias preparadas con PHP y MySQL.

Por cierto, regresamos a listar con un status igualmente.

Cancelar venta

Para cancelar la venta simplemente vaciamos el arreglo y listo. Regresamos a listar con un status.

See the gist on github.

Y así terminamos de vender.

Ventas

Para terminar este grandioso tutorial veamos el registro de ventas. Se compone de dos cosas: listar ventas y poder eliminarlas.

Listar

Por favor no me culpen, pero no sé cómo (y si alguien lo sabe, que me explique) hacer una consulta que traiga dentro un arreglo. Lo que pasa es que quería algo para mostrar los productos vendidos por venta. Lo único que se me ocurrió fue un group_concat. En fin, el código queda así:

See the gist on github.

De esta manera, lo concatenamos en la consulta pero lo “desconcatenamos” en PHP. Y queda un lindo resultado.

Eliminar

Para eliminar una venta es como eliminar un producto. Ojo que tampoco pide confirmación. El código queda así:

See the gist on github.

Encabezado y pie

Como lo prometí, aquí el encabezado y pie. Sólo definen el contendor, el menú de navegación, algunas etiquetas meta y cargan las librerías css.

Encabezado es:

See the gist on github.

Y pie:

See the gist on github.

 

Conclusión

Como lo dije, no tiene estructura. Fue hecho rápidamente, pero funciona y eso es lo que cuenta. Cuando pienses que algo funciona pero se ve mal o parece un truco, recuerda que la humanidad hizo que una roca pensara (al inventar los microprocesadores).

Por cierto, si quieres ver algo parecido a este sistema pero en Laravel, mira este post.