Est\u00e1 desarrollado usando PHP, MySQL, Vue y Buefy. Te mostrar\u00e9 c\u00f3mo funciona y al final te dejar\u00e9 el link para que puedas descargarlo y ver una demostraci\u00f3n. Recuerda que puedes descargarlo, usarlo y modificarlo de acuerdo a las necesidades que tengas.<\/p>\n\n\n\n
Inicio de sesi\u00f3n<\/h2>\n\n\n\n
Para empezar, es necesario iniciar sesi\u00f3n. En este caso se coloca el correo electr\u00f3nico y la contrase\u00f1a del usuario que va a ingresar.<\/p>\n\n\n\n En esta parte se muestra un peque\u00f1o resumen de los registros que hay en el sistema. Entre ellos est\u00e1n:<\/p>\n\n\n\n En este apartado puedes establecer los datos del local, entre ellos se encuentra en nombre, tel\u00e9fono, n\u00famero de mesas, logo. Al guardar los datos para visualizarlos se debe de recargar la p\u00e1gina. Estos datos son los que se muestran en el comprobante de compra.<\/p>\n\n\n\n Aqu\u00ed se guardan todas las categor\u00edas a las que pertenecen los insumos. Se distinguen entre platillo y bebida, de cada una de ellas debes colocar el tipo (si es platillo o bebida, nombre y descripci\u00f3n). Es un CRUD, puedes ver, editar y eliminar las categor\u00edas que se registren.<\/p>\n<\/div>\n\n\n\n Para registrar los insumos se pulsa el bot\u00f3n de A\u00f1adir insumos. Los datos que pide son:<\/p>\n\n\n\n En la tabla de los insumos puedes editar, eliminar y filtrar. Al filtrar se puede mediante el tipos (si solo deseas ver los platillos o las bebidas), por categor\u00eda y por nombre.<\/p>\n\n\n\n Los usuarios son quienes pueden acceder al sistema y pueden modificar los datos del mismo. Igual es un crud. Cuando registras a un nuevo usuario la contrase\u00f1a por defecto es PacoHunterDev<\/strong>. Cuando inicie sesi\u00f3n este usuario deber\u00e1 cambiar su contrase\u00f1a.<\/p>\n\n\n\n Ahora llegamos al apartado m\u00e1s importante, que es en el que se realizan las \u00f3rdenes, para empezar se selecciona la mesa en la que se sirven los insumos. Enseguida se muestra la pantalla en la que se agregan los insumos que el cliente pide. En esta parte se puede:<\/p>\n\n\n\n Cuando ya se hayan colocado todos los insumos que se desean se pulsa en ordenar.<\/p>\n\n\n\n Ahora la mesa se marcar\u00e1 como ocupada y aparecen todos los insumos que se han servido, adem\u00e1s de quien la est\u00e1 atendiendo, el cliente y el total. en cada insumo se muestra un \u00edcono que indica si el insumo ya se ha servido, para marcarlo como servido se marca en el check que esta al lado derecho.<\/p>\n\n\n\n Se pueden agregar m\u00e1s insumos, para esto se pulsa en agregar insumos. En la pantalla se muestran los insumos que ya se han servido estos no pueden ser modificados. <\/strong>Para agregar m\u00e1s insumos se realiza los mismo que en el paso anterior.<\/p>\n\n\n\n Para cobrar , se pulsa en cobrar. <\/strong>Se coloca el total con el que pagan. Despu\u00e9s de esto se muestra el comprobante de compra.<\/p>\n\n\n\n Aqu\u00ed se muestran las ventas realizadas, cuando se ingresa se muestran las ventas del d\u00eda. En cada una de ellas es posible reimprimir el comprobante de compra. Tambi\u00e9n se pueden filtrar por fecha o por usuarios.<\/p>\n\n\n\n Para terminar, en este apartado se presentan gr\u00e1ficas que muestran:<\/p>\n\n\n\n Si deseas descargar, usar o modificarlo, puedes descargar el c\u00f3digo del siguiente enlace de GitHub<\/a> adem\u00e1s hice un v\u00eddeo en el que te presento lo aqu\u00ed escrito en YouTube<\/a><\/p>\n\n\n\n Despu\u00e9s de que hayas descargado el c\u00f3digo, hay dos cosas que puedes hacer. La primera es que si deseas emplearlo as\u00ed como esta, lo que debes hacer es copiar las carpetas de api <\/strong>y dist <\/strong>dentro de tu servidor en una carpeta llamada botanero-ventas<\/strong>. En la primera se encuentran todos los archivos de php y en la segunda todo el js, html, css. En mi caso uso xampp, entonces lo pegar\u00e9 en Si deseas modificarlo o agregar cosas debes copiar todos los archivos dentro del servidor en una carpeta llamada botanero-ventas<\/strong>. Ahora lo que sigue es instalar las dependencias del proyecto para esto abres una ventana de cmd, navegas en d\u00f3nde lo tienes y ejecutas Despu\u00e9s de que las dependencias se instalen, ya puedes ejecutar Y cuando termine de compilar, accedes a Cuando ingreses al sistema por primera vez, te pedir\u00e1 que pulses un bot\u00f3n para iniciar, con esto estas creando la base de datos, seguidamente, ingresas los datos del local y del usuario. Despu\u00e9s ya puedes iniciar sesi\u00f3n, recuerda que la contrase\u00f1a por defecto al crear un usuario nuevo es PacoHunterDev<\/strong><\/p>\n\n\n\n Con esto ya puedes emplear o modificar el sistema.<\/p>\n","protected":false},"excerpt":{"rendered":" A continuaci\u00f3n te presentar\u00e9 un sistema para administrar un restaurante. Entre las opciones que tiene est\u00e1n: Inicio de sesi\u00f3n: Los usuarios registrados pueden iniciar sesi\u00f3n. Configuraci\u00f3n del sistema: Puedes establecer el nombre del local, tel\u00e9fono, n\u00famero de mesas (que son las mesas que se pueden atender), logotipo: Administrar categor\u00edas: Se agregan las categor\u00edas a las que pertenecen los platillos y bebidas. Administrar insumos: Agregar, editar y eliminar los insumos (platillos y bebidas) que se venden. Ocupar mesa \/ Tomar orden: Seg\u00fan la mesa que sea seleccionada, se agregan los insumos que el cliente pide, cancelar la orden o marcar los...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,14,9],"tags":[11],"class_list":["post-79","post","type-post","status-publish","format-standard","hentry","category-mysql","category-php","category-vue","tag-php"],"_links":{"self":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/79","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=79"}],"version-history":[{"count":5,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/79\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/79\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/media?parent=79"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/categories?post=79"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/tags?post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/1-1024x498.png\")
<\/figure>\n\n\n\nDashboard o p\u00e1gina pricipal<\/h2>\n\n\n\n
![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/2-1024x501.png\")
<\/figure>\n\n\n\nConfiguraci\u00f3n<\/h2>\n\n\n\n
![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/11-1024x495.png\")
<\/figure>\n\n\n\nCategor\u00edas<\/h2>\n\n\n\n
![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/4-1024x498.png\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\nInsumos<\/h2>\n\n\n\n
![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/1-2-1024x563.png\")
<\/figure>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/3-1-1024x499.png\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\nUsuarios<\/h2>\n\n\n\n
![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/5-1-1024x502.png\")
<\/figure>\n\n\n\nOrdenar<\/h2>\n\n\n\n
![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/6-1024x500.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/7-1024x496.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/8-1024x503.png\")
<\/figure>\n\n\n\nReporte de ventas.<\/h2>\n\n\n\n
![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/10-1024x497.png\")
<\/figure>\n\n\n\nPerfil<\/h2>\n\n\n\n
![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/12-1024x501.png\")
<\/figure>\n\n\n\nDescargar c\u00f3digo<\/h2>\n\n\n\n
Usar el sistema<\/h2>\n\n\n\n
htdocs\/botanero-ventas<\/code>. Cuando lo descargas la carpeta de node_modules<\/code> no aparece, ya que esta se crea cuando instalas las dependencias.<\/p>\n\n\n\n![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/2-2.png\")
<\/figure>\n\n\n\nnpm install<\/code><\/strong> (Para esto debes tener node.js instalado).<\/p>\n\n\n\n![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/3-2.png\")
<\/figure>\n\n\n\nnpm run dev<\/code><\/strong> para ejecutar el proyecto<\/p>\n\n\n\n![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/4-2.png\")
<\/figure>\n\n\n\nlocalhost:8080 <\/code><\/strong>para poder verlo.<\/p>\n\n\n\n![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/5-2.png\")
<\/figure>\n\n\n\nConfigurando el sistema<\/h2>\n\n\n\n
![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/6-1.png\")
<\/figure>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/7-1-1024x578.png\")
<\/figure>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/pacohunterdev.com\/blog\/wp-content\/uploads\/2022\/09\/8-1-1024x419.png\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\n