Imprimir tickets en una impresora térmica usando PHP, JavaScript, CSS y HTML

En esta publicación, te mostraré cómo imprimir un ticket en una impresora térmica usando PHP, JavaScript, CSS y HTML. Para ello he creado una pequeña aplicación web con PHP y MySQL para guardar los datos y darle un poco de dinamismo a nuestra aplicación.

Creando nuestra aplicación.

Lo primero que haremos es crear nuestra estructura de carpetas para empezar a trabajar en sus respectivos archivos, a los largo de este tutorial iré indicando la ruta de donde vamos a colocar nuestros archivos; así como el tipo de archivo que iremos creando, junto con su respectivo código.   de carpetas.

La imagen anterior nos muestra como debe quedar nuestra estructura de carpetas.

Creando nuestra base de datos.

Luego de haber creado nuestra estructura de carpetas vamos a proceder con la creación de la base de datos, para este ejemplo yo he usado phpmyadmin, pero tu puedes usar el gestor de base de datos que desees, simplemente vamos a crear una base de datos, la he nombrado “test_ticket”, despues seleccionar la base de datos y en la pestaña donde dice SQL, pegamos el siguiente código SQL.

Archivos JavaScript

Ahora vamos a crear un archivo llamado “script.js“, el cual se va a encargar de alguna funciona ajax que se ha agregado a nuestra aplicación, dicho archivo se debe crear dentro del directorio llamado “js“. El contenido del archivo es el siguiente:

Archivos CSS

Luego de haber creado el archivo script.js, vamos a crear el  nuestros archivos css,  son 3 archivos y los crearemos a continuación:

1-  assets/css/bootstrap.css