Etiqueta: laravel

Laravel websockets + Pusher

Laravel websockets https://docs.beyondco.de/laravel-websockets/ instalar websocket por el composer Este paquete viene con una migración para almacenar información estadística mientras ejecuta su servidor WebSocket. Puede publicar el archivo de migración usando: Migrar A continuación, debe publicar el archivo de configuración de WebSocket Quitar comentario en el archivo config/app.php Pusher https://pusher.com/ Instalar pusher por composer en el

Tutorial POS Restaurante – Laravel + Vue.js Parte 5 : Manejo de Carritos

Iconos de Material Desing Agregar una linea de código en el Header de blade para poder cargar los iconos resources/views/welcome.blade.php Vue.js (Frontend) template Caja de carrito Botón de producto para agregar carrito data Methods función para convertir en formato de monedas Agregar carritos Eliminar item de carrito Cambiar cantidad del producto Sumar total de todos

Tutorial POS Restaurante – Laravel + Vue.js Parte 2 : Categorías de producto

Tutorial anterior: Crear proyecto y plantilla bootstrap. Tutorial resumido Tutorial completo Crear una tabla de Categorías en la base de datos Laravel (Backend) Modelo de Categorías Crear un modelo categoría por medio de comando Codigo de app/Categorias.php Controlador Crear un controlador de Categoría en la carpeta de API por el comando Código de app/Http/Controllers/API/CategoriaController.php Crear

Tutorial POS Restaurante – Laravel + Vue.js Parte 1 : Creación de Proyecto y Componentes de Vue con Bootstrap

Tutorial completa Tutorial resumida Comando para crear proyecto Instalar Vue.js Ejecutar y compilar Crear dos componentes de Vue.js header-pos.vue resources/js/components/header-pos.vue component-pos.vue resources/js/components/component-pos.vue Importar componente en el App.js Plantilla de Blade Siguiente tutorial: Categorías de productos Plantilla bootstrap

CRUD + Laravel + React js + Mysql : Eliminar datos desde API.

Tutorial antetior Editar y Actualizar datos desde API React.js (Frontend) Crear un modal en el listData() para confirmar de eliminar datos Crear una función para guardar idProducto seleccionado y mostrar modal Crear un botón de eliminar para mostrar modal de confirmar Crear una función sendNetworkDelete para enviar id y eliminar producto desde API Laravel (Backend)

Tutorial + Laravel + Vue – Chart

Cómo agregar un gráfico a un proyecto Laravel con Vue. Vue-chartjs es un contenedor para Chart.js en vue. Puede crear fácilmente componentes de gráficos reutilizables. Vue.js Instalar la libreria vue-chart Crear un archivo LineChart.js resources/js/components/LineChart.js Componentes donde va integrar gráficos resources/js/components/graficos.vue Crear un Componente en el resources/js/app.js Y agregar e html. Fuentes https://vue-chartjs.org/guide/#updating-charts