Cotizador de Productos con PHP 5.6, MySQL y Bootstrap 3

 

cotizador_productos

En esta ocasión quiero compartir una actualización al código de Sistema Web de Cotizaciones PHP y MySQL, el cual publique hace algunos meses en éste blog, pero debido a que recibí muchos comentarios de mis lectores que en algunas versiones recientes de PHP el código les presentaba problemas de incompatibilidad con la conexión a la base de datos; decidí hacer unas pequeñas modificaciones al código para resolver dichos problemas que les presentaba la conexión con mysql.

Lo que necesitaremos:

  • PHP 5.5 o posterior
  • Extensión de MySQLi activa
  • Bootstrap 3
  • Directiva short_open_tag=On dentro del php.ini
  • Librería jQuery
  • Librería HTML2PDF para generar PDF

Lo que haremos:

  1. Crear la base de datos, para el ejemplo la he llamado cotizador_bs3.
     
  2. Configurar las variables de conexión a la base de datos. Para ello he creado una carpeta dentro del directorio raíz llamada config, y dentro de dicha carpeta se creará el archivo db.php con el código siguiente
     
  3. Realizar la conexión a la base de datos creando dentro de la carpeta config un archivo llamado conexion.php con el código siguiente.
     
  4. Preparar el archivo index.php, el cual contendrá parte del código html para nuestro cotizador. Ademas se incluirá las funciones JavaScript encargada de hacer consultas via AJAX a la base de datos. Empezemos.
    Lo que hace el código anterior es crear la estructura html para hacer funcional nuestro cotizador, en donde se ha agregado un formulario que captura los datos. También hemos creados dos funciones JavaScript, la primera se encarga de hacer consultas a la base de datos mysl para mostrar los productos registrados en la tabla productos, la segunda función agrega los productos al cotizador.
  5. Crear la carpeta Ajax y dentro de ello crear el archivo llamado productos_cotizacion.php, el cual se encargará hacer las consultas Ajax en la base de datos.
  6. Dentro de la carpeta Ajax se creará el archivo agregar cotizador.php, el cual también es llamado vía Ajax mediante función JavaScript y su función será ir agregando los productos al cotizador.
    7. Finalmente se creará el archivo pdf para visualizar la cotización para éste ejemplo se usará la estructura siguientes pdf/documentos y dentro de la carpeta documentos irá el archivo llamado cotizacion_pdf.php, veamos el código:
    el archivo anterios hace una llamada al archivo con la ruta siguiente: pdf/documentos/res/cotizacion_html.php.

    Mira la Demostración

Bien eso sería todo para tener nuestro cotizador de productos en linea, cualquier duda no dudes en comentar este post, estaré pendiente a tus comentarios.

Sistema de control de inventario

Para descargar los archivos, debes realizar cualquiera de las siguientes acciones sociales: