{"id":37,"date":"2022-08-31T16:40:31","date_gmt":"2022-08-31T16:40:31","guid":{"rendered":"https:\/\/pacohunterdev.com\/blog\/?p=37"},"modified":"2022-08-31T16:40:31","modified_gmt":"2022-08-31T16:40:31","slug":"sistema-de-ventas-en-php-mysql-y-bootstrap","status":"publish","type":"post","link":"https:\/\/pacohunterdev.com\/blog\/2022\/08\/31\/sistema-de-ventas-en-php-mysql-y-bootstrap\/","title":{"rendered":"Sistema de ventas en PHP, MySQL y Bootstrap"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

En este post te mostrar\u00e9 un peque\u00f1o sistema de ventas. Est\u00e1 desarrollado empleando las tecnolog\u00edas que dice en el t\u00edtulo. Adem\u00e1s te dejar\u00e9 los enlaces para que puedas descargarlo y ver una demostraci\u00f3n. Tambi\u00e9n te presentar\u00e9 algunos bloques del c\u00f3digo usado.<\/p>\n\n\n\n

Es un sistema bastante sencillo, permite administrar productos, usuarios, clientes y obviamente las ventas.<\/p>\n\n\n\n

Recuerda que debes de tener instalado PHP y MySQL. Por mi parte uso xampp. <\/p>\n\n\n\n

La base de datos<\/h2>\n\n\n\n

El esquema de la base de datos lo encuentras en el archivo bd.sql<\/em><\/p>\n\n\n\n

CREATE DATABASE ventas_php;\n\nUSE ventas_php;\n\nCREATE TABLE productos(\n    id BIGINT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,\n    codigo VARCHAR(255) NOT NULL,\n    nombre VARCHAR(255) NOT NULL,\n    compra DECIMAL(8,2) NOT NULL,\n    venta DECIMAL(8,2) NOT NULL,\n    existencia INT NOT NULL\n);\n\nCREATE TABLE clientes(\n    id BIGINT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,\n    nombre VARCHAR(255) NOT NULL,\n    telefono VARCHAR(25) NOT NULL,\n    direccion VARCHAR(255) NOT NULL\n);\n\nCREATE TABLE usuarios(\n    id BIGINT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,\n    usuario VARCHAR(50) NOT NULL,\n    nombre VARCHAR(255) NOT NULL,\n    telefono VARCHAR(25) NOT NULL,\n    direccion VARCHAR(255) NOT NULL,\n    password VARCHAR(255) NOT NULL\n);\n\nINSERT INTO usuarios (usuario, nombre, telefono, direccion, password) VALUES (\"paco\", \"PacoHunterDev\", \"6667771234\", \"Nowhere\", \"$2y$10$6zeiv5cq4\/HCjWBH5X\/Fd.yxKfDaWa5sJaYfW302n.\/awI\/lQcH0i\");\n\nCREATE TABLE ventas(\n    id BIGINT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,\n    fecha DATETIME NOT NULL,\n    total DECIMAL(9,2) NOT NULL,\n    idUsuario BIGINT NOT NULL,\n    idCliente BIGINT\n);  \n\nCREATE TABLE productos_ventas(\n    id BIGINT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,\n    cantidad INT NOT NULL,\n    precio DECIMAL(8,2) NOT NULL,\n    idProducto BIGINT NOT NULL,\n    idVenta BIGINT NOT NULL\n);<\/pre>\n\n\n\n
Ese es el esquema de la base de datos, al crearla se inserta un usuario y contrase\u00f1a por defecto, en este caso es paco<\/em> y la PacoHunterDev <\/em>respectivamente. Para crearla solo copia el esquema en la consola de mysql.<\/p>\n\n\n\n
CRUD de productos, clientes y usuarios<\/h2>\n\n\n\n
Para todas las partes que forman el sistema, el c\u00f3digo es pr\u00e1cticamente el mismo. Solo cambian peque\u00f1as cosas como son el nombre de los campos. Pero en esencia es lo mismo. A continuaci\u00f3n te presento el HTML y las funciones de php para registrar los productos, como te menciono para las dem\u00e1s partes es similar.<\/p>\n\n\n\n
Formulario para registrar producto<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
El archivo agregar_producto.php <\/em>contiene el formulario para colocar los datos del producto. En \u00e9l mismo procesamos los datos para insertarlo en la base de datos.<\/p>\n\n\n\n
<?php\ninclude_once \"encabezado.php\";\ninclude_once \"navbar.php\";\nsession_start();\n\nif(empty($_SESSION['usuario'])) header(\"location: login.php\");\n\n?>\n<div class=\"container\">\n    <h3>Agregar producto<\/h3>\n    <form method=\"post\">\n        <div class=\"mb-3\">\n            <label for=\"codigo\" class=\"form-label\">C\u00f3digo de barras<\/label>\n            <input type=\"text\" name=\"codigo\" class=\"form-control\" id=\"codigo\" placeholder=\"Escribe el c\u00f3digo de barras del producto\">\n        <\/div>\n        <div class=\"mb-3\">\n            <label for=\"nombre\" class=\"form-label\">Nombre o descripci\u00f3n<\/label>\n            <input type=\"text\" name=\"nombre\" class=\"form-control\" id=\"nombre\" placeholder=\"Ej. Papas\">\n        <\/div>\n        <div class=\"row\">\n            <div class=\"col\">\n                <label for=\"compra\" class=\"form-label\">Precio compra<\/label>\n                <input type=\"number\" name=\"compra\" step=\"any\" id=\"compra\" class=\"form-control\" placeholder=\"Precio de compra\" aria-label=\"\">\n            <\/div>\n            <div class=\"col\">\n                <label for=\"venta\" class=\"form-label\">Precio venta<\/label>\n                <input type=\"number\" name=\"venta\" step=\"any\" id=\"venta\" class=\"form-control\" placeholder=\"Precio de venta\" aria-label=\"\">\n            <\/div>\n            <div class=\"col\">\n                <label for=\"existencia\" class=\"form-label\">Existencia<\/label>\n                <input type=\"number\" name=\"existencia\" step=\"any\" id=\"existencia\" class=\"form-control\" placeholder=\"Existencia\" aria-label=\"\">\n            <\/div>\n            \n        <\/div>\n        <div class=\"text-center mt-3\">\n            <input type=\"submit\" name=\"registrar\" value=\"Registrar\" class=\"btn btn-primary btn-lg\">\n            \n            <\/input>\n            <a class=\"btn btn-danger btn-lg\" href=\"productos.php\">\n                <i class=\"fa fa-times\"><\/i> \n                Cancelar\n            <\/a>\n        <\/div>\n    <\/form>\n<\/div>\n<?php\nif(isset($_POST['registrar'])){\n    $codigo = $_POST['codigo'];\n    $nombre = $_POST['nombre'];\n    $compra = $_POST['compra'];\n    $venta = $_POST['venta'];\n    $existencia = $_POST['existencia'];\n    if(empty($codigo) \n    || empty($nombre) \n    || empty($compra) \n    || empty($venta)\n    || empty($existencia)){\n        echo'\n        <div class=\"alert alert-danger mt-3\" role=\"alert\">\n            Debes completar todos los datos.\n        <\/div>';\n        return;\n    } \n    \n    include_once \"funciones.php\";\n    $resultado = registrarProducto($codigo, $nombre, $compra, $venta, $existencia);\n    if($resultado){\n        echo'\n        <div class=\"alert alert-success mt-3\" role=\"alert\">\n            Producto registrado con \u00e9xito.\n        <\/div>';\n    }\n    \n}\n?><\/code><\/pre>\n\n\n\n
Primero se incluyen los archivos de encabezado.php<\/em> (que es donde colocamos los encabezados para los archivos de css y esas cosas) y navbar.php <\/em>(el men\u00fa). Al final del archivo incluimos el archivo de funciones.php<\/em>, en este archivo se encuentran todas las funciones que interact\u00faan con la base de datos. En este caso empleamos la funci\u00f3n de registrarProducto() <\/em>que recibe el c\u00f3digo, nombre, precio de compra, precio de venta y la existencia del producto. La funci\u00f3n queda as\u00ed:<\/p>\n\n\n\n
function registrarProducto($codigo, $nombre, $compra, $venta, $existencia){\n    $sentencia = \"INSERT INTO productos(codigo, nombre, compra, venta, existencia) VALUES (?,?,?,?,?)\";\n    $parametros = [$codigo, $nombre, $compra, $venta, $existencia];\n    return insertar($sentencia, $parametros);\n}<\/code><\/pre>\n\n\n\n
Dentro de las funciones del CRUD usamos otras funciones para editar, eliminar, insertar y seleccionar <\/strong>los datos. Estas funciones reciben la sentencia a ejecutar y los par\u00e1metros que se deben ejecutar, son las siguientes:<\/p>\n\n\n\n
function select($sentencia, $parametros = []){\n    $bd = conectarBaseDatos();\n    $respuesta = $bd->prepare($sentencia);\n    $respuesta->execute($parametros);\n    return $respuesta->fetchAll();\n}\n\nfunction insertar($sentencia, $parametros ){\n    $bd = conectarBaseDatos();\n    $respuesta = $bd->prepare($sentencia);\n    return $respuesta->execute($parametros);\n}\n\nfunction eliminar($sentencia, $id ){\n    $bd = conectarBaseDatos();\n    $respuesta = $bd->prepare($sentencia);\n    return $respuesta->execute([$id]);\n}\n\nfunction editar($sentencia, $parametros ){\n    $bd = conectarBaseDatos();\n    $respuesta = $bd->prepare($sentencia);\n    return $respuesta->execute($parametros);\n}<\/code><\/pre>\n\n\n\n
Y la conexi\u00f3n a la base de datos es la siguiente:<\/p>\n\n\n\n
function conectarBaseDatos() {\n\t$host = \"localhost\";\n\t$db   = \"ventas_php\";\n\t$user = \"root\";\n\t$pass = \"\";\n\t$charset = 'utf8mb4';\n\n\t$options = [\n\t    \\PDO::ATTR_ERRMODE            => \\PDO::ERRMODE_EXCEPTION,\n\t    \\PDO::ATTR_DEFAULT_FETCH_MODE => \\PDO::FETCH_OBJ,\n\t    \\PDO::ATTR_EMULATE_PREPARES   => false,\n\t];\n\t$dsn = \"mysql:host=$host;dbname=$db;charset=$charset\";\n\ttry {\n\t     $pdo = new \\PDO($dsn, $user, $pass, $options);\n\t     return $pdo;\n\t} catch (\\PDOException $e) {\n\t     throw new \\PDOException($e->getMessage(), (int)$e->getCode());\n\t}\n}<\/code><\/pre>\n\n\n\n
Mostrar productos (select)<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
La tabla y las cartas para mostrar los productos se encuentran en el archivo de productos.php<\/em>. Las partes de usuarios y clientes es lo mismo.<\/p>\n\n\n\n
Las cartas que se muestran al inicio tambi\u00e9n se emplean en el dashboard, se importa el archivo cartas_totales.php<\/em>.<\/p>\n\n\n\n
<?php\ninclude_once \"encabezado.php\";\n?>\n\t<div class=\"card-deck row\">\n\t\t<?php foreach($cartas as $carta){?>\n\t\t<div class=\"col-xs-12 col-sm-6 col-md-3\" style=\"color: <?=  $carta['color']?> !important\">\n\t\t\t<div class=\"card text-center\">\n\t\t\t\t<div class=\"card-body\">\n\t\t\t\t\t<h4 class=\"card-title\" >\n\t\t\t\t\t\t<i class=\"fa <?= $carta['icono']?>\"><\/i>\n\t\t\t\t\t\t<?= $carta['titulo']?>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\t<h2><?= $carta['total']?><\/h2>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<?php }?>\n\t<\/div>\n<\/code><\/pre>\n\n\n\n
Y se crear un arreglo colocando el nombre de la carta, el icono, el total que se va a mostrar y el color, algo as\u00ed:<\/p>\n\n\n\n
$cartas = [\n    [\"titulo\" => \"No. Productos\", \"icono\" => \"fa fa-box\", \"total\" => count($productos), \"color\" => \"#3578FE\"],\n    [\"titulo\" => \"Total productos\", \"icono\" => \"fa fa-shopping-cart\", \"total\" => obtenerNumeroProductos(), \"color\" => \"#4F7DAF\"],\n    [\"titulo\" => \"Total inventario\", \"icono\" => \"fa fa-money-bill\", \"total\" => \"$\". obtenerTotalInventario(), \"color\" => \"#1FB824\"],\n    [\"titulo\" => \"Ganancia\", \"icono\" => \"fa fa-wallet\", \"total\" => \"$\". calcularGananciaProductos(), \"color\" => \"#D55929\"],\n];<\/code><\/pre>\n\n\n\n
La tabla para los productos luce as\u00ed:<\/p>\n\n\n\n
<table class=\"table\">\n        <thead>\n            <tr>\n                <th>C\u00f3digo<\/th>\n                <th>Nombre<\/th>\n                <th>Precio compra<\/th>\n                <th>Precio venta<\/th>\n                <th>Ganancia<\/th>\n                <th>Existencia<\/th>\n                <th>Editar<\/th>\n                <th>Eliminar<\/th>\n            <\/tr>\n        <\/thead>\n        <tbody>\n            <?php\n            foreach($productos as $producto){\n            ?>\n                <tr>\n                    <td><?= $producto->codigo; ?><\/td>\n                    <td><?= $producto->nombre; ?><\/td>\n                    <td><?= '$'.$producto->compra; ?><\/td>\n                    <td><?= '$'.$producto->venta; ?><\/td>\n                    <td><?= '$'. floatval($producto->venta - $producto->compra); ?><\/td>\n                    <td><?= $producto->existencia; ?><\/td>\n                    <td>\n                        <a class=\"btn btn-info\" href=\"editar_producto.php?id=<?= $producto->id; ?>\">\n                            <i class=\"fa fa-edit\"><\/i>\n                            Editar\n                        <\/a>\n                    <\/td>\n                    <td>\n                        <a class=\"btn btn-danger\" href=\"eliminar_producto.php?id=<?= $producto->id; ?>\">\n                            <i class=\"fa fa-trash\"><\/i>\n                            Eliminar\n                        <\/a>\n                    <\/td>\n                <\/tr>\n            <?php } ?>\n        <\/tbody>\n    <\/table><\/code><\/pre>\n\n\n\n
Y la funci\u00f3n para obtener los productos es la siguiente:<\/p>\n\n\n\n
function obtenerProductos($busqueda = null){\n    $parametros = [];\n    $sentencia = \"SELECT * FROM productos \";\n    if(isset($busqueda)){\n        $sentencia .= \" WHERE nombre LIKE ? OR codigo LIKE ?\";\n        array_push($parametros, \"%\".$busqueda.\"%\", \"%\".$busqueda.\"%\"); \n    } \n    return select($sentencia, $parametros);\n}<\/code><\/pre>\n\n\n\n
Editar producto<\/h2>\n\n\n\n
En la tabla de productos, se redirecciona en el bot\u00f3n de editar, este lleva al formulario en donde se colocar\u00e1n los nuevos datos del producto.<\/p>\n\n\n\n
<td>\n  <a class=\"btn btn-info\" href=\"editar_producto.php?id=<?= $producto->id; ?>\">\n     <i class=\"fa fa-edit\"><\/i>\n       Editar\n  <\/a>\n<\/td><\/code><\/pre>\n\n\n\n
Y la funci\u00f3n para editar la funci\u00f3n es:<\/p>\n\n\n\n
function editarProducto($codigo, $nombre, $compra, $venta, $existencia, $id){\n    $sentencia = \"UPDATE productos SET codigo = ?, nombre = ?, compra = ?, venta = ?, existencia = ? WHERE id = ?\";\n    $parametros = [$codigo, $nombre, $compra, $venta, $existencia, $id];\n    return editar($sentencia, $parametros);\n}<\/code><\/pre>\n\n\n\n
Eliminar producto<\/h2>\n\n\n\n
Para eliminar un producto es pr\u00e1cticamente lo mismo, en la tabla de productos al presionar sobre el bot\u00f3n, redirecciona al archivo de eliminar_producto.php.<\/em><\/p>\n\n\n\n
<?php\n$id = $_GET['id'];\nif (!$id) {\n    echo 'No se ha seleccionado el producto';\n    exit;\n}\ninclude_once \"funciones.php\";\n\n$resultado = eliminarProducto($id);\nif(!resultado){\n    echo \"Error al eliminar\";\n    return;\n}\n\nheader(\"Location: productos.php\");\n?><\/code><\/pre>\n\n\n\n
La funci\u00f3n es la siguiente:<\/p>\n\n\n\n
function eliminarProducto($id){\n    $sentencia = \"DELETE FROM productos WHERE id = ?\";\n    return eliminar($sentencia, $id);\n}<\/code><\/pre>\n\n\n\n
Capturas del sistema<\/h2>\n\n\n\n
\n
\n
Inicio de sesi\u00f3n<\/h2>\n\n\n\n
El inicio de sesi\u00f3n solo pide el nombre de usuario y la contrase\u00f1a, si los datos son correctos redirecciona a la p\u00e1gina principal.<\/p>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
Realizar venta<\/h2>\n\n\n\n
Para realizar la venta, se escribe el c\u00f3digo de barras del producto que se va a vender. Los productos de la lista se pueden eliminar. Puedes seleccionar el cliente que desees. Si no se selecciona la venta se marca como mostrador.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Reporte de ventas<\/h2>\n\n\n\n
En el reporte de ventas, al inicio, solo se muestran las ventas realizadas en el d\u00eda, pero se pueden filtrar por fecha, cliente o usuario.<\/p>\n\n\n\n
En esta parte se emplean las cartas explicadas en la parte de arriba.<\/p>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
Descargar c\u00f3digo<\/h2>\n\n\n\n
Si deseas usar y probar este sistema puedes descargarlo del siguiente enlace: https:\/\/github.com\/pacohunterdev\/ventas-php<\/a> adem\u00e1s si deseas ver la demostraci\u00f3n puedes verla en el siguiente v\u00eddeo https:\/\/www.youtube.com\/watch?v=X-3vPQnA_2M&t=43s<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
En este post te mostrar\u00e9 un peque\u00f1o sistema de ventas. Est\u00e1 desarrollado empleando las tecnolog\u00edas que dice en el t\u00edtulo. Adem\u00e1s te dejar\u00e9 los enlaces para que puedas descargarlo y ver una demostraci\u00f3n. Tambi\u00e9n te presentar\u00e9 algunos bloques del c\u00f3digo usado. Es un sistema bastante sencillo, permite administrar productos, usuarios, clientes y obviamente las ventas. Recuerda que debes de tener instalado PHP y MySQL. Por mi parte uso xampp. La base de datos El esquema de la base de datos lo encuentras en el archivo bd.sql CREATE DATABASE ventas_php; USE ventas_php; CREATE TABLE productos( id BIGINT UNSIGNED NOT NULL AUTO_INCREMENT...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,15,14],"tags":[13,12,11],"class_list":["post-37","post","type-post","status-publish","format-standard","hentry","category-bootstrap","category-mysql","category-php","tag-bootstrap","tag-mysql","tag-php"],"_links":{"self":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":3,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/37\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}