Vuejs

Un software turnero o de control de turnos sirve para solicitar turnos y hacer citas de usuarios, para que los mismos sean atendidos por profesionales o encargados en un orden. Hoy vengo a presentar un turnero en PHP, es decir, es un software de control de turnos para la web, que funciona en móviles, computadoras y tabletas. Este turnero fue encargado por un cliente hace unos meses. Nota: ya puedes consultar la versión 2 de este software que introduce algunas mejoras para tener una recepcionista que administra las filas de espera y las asigna a un vendedor o sector. ...

Resumen En este post te mostraré cómo repetir cosas en la vista de una app con Vue.JS usando v-for. v-for permite iterar arreglos, objetos y también hacer ciclos. Veremos cómo usar v-for, además de proporcionar la clave con :key y finalmente tomar el índice y el valor por separado. Nota: a través de los ejemplos usaré Bootstrap 4 para un mejor diseño, aunque esto no va a interferir con el tema principal de v-for y Vue. ...

Uso de los filtros en Vue JS En este post te voy a mostrar cómo declarar y usar los filtros en Vue.js: un buen framework de JavaScript. ...

Hoy vengo a presentar un sistema gratuito y open source para el control de pagos y cooperaciones creado con PHP, MySQL, Twig, Bootstrap y Vue Este sistema de pagos está creado con PHP para el lenguaje del servidor, utiliza Twig para renderizar las plantillas, mismas que tienen un diseño usando Bootstrap. La persistencia de datos es gracias a MySQL. Del lado del cliente se utiliza Vue para consumir la API y traer los datos. Entre sus características encontramos: Software para el control de pagos de personas Registro de personas Posibilidad de registrar usuarios para iniciar sesión Impresión de comprobantes de pago en impresora térmica Reporte de totales abonados por personas Responsivo y accesible desde teléfono, tableta o computadora Con algunas modificaciones, este software podría controlar el sistema de abonos de ventas de productos, cooperaciones de personas, pagos, etcétera. Puede servir para estudiar un proyecto de PHP o para usarlo directamente en producción (de hecho yo lo estoy usando) A continuación voy a explicar cómo funciona, además de mostrar el código fuente y otras cosas más. ...

Hace algunos días mostré cómo instalar el router de Vue. Hoy vamos a ver una cosa muy simple: cómo pasar parámetros en el router, para que los mismos se vean en la URL y podamos pasar datos entre componentes a través de la URL. ...

Vee Validate es un plugin de Vue.js que sirve para validar formularios de una manera fácil pero poderosa. Lo que destaca es: Su simplicidad, pues no se tiene que estudiar demasiado para comenzar a usarlo La flexibilidad que ofrece Soporte para otros idiomas (entre ellos el español) Mensajes de error predefinidos Simple sintaxis y validadores por defecto Reglas personalizadas Manejo del evento que desencadena la validación En este artículo vamos a dar un repaso y explicación de VeeValidate con algunos ejemplos. Al final tendremos un ejemplo completo que es como en la imagen: ...

Vetur es una extensión para Visual Studio Code y proporciona una caja de herramientas para programar con Vue. Entre sus principales características encontramos: Remarcado de sintaxis Algunos snippets Soporte de Emmet Comprobación de errores Formateado de código Autocompletado Depuración VSCode o Visual Studio Code se ha convertido en un potente pero ligero editor de código. No es un IDE ni un editor de texto plano, se encuentra entre estos dos y mantiene la sencillez de un editor con muchas características de un IDE. Al comenzar a programar en Vue (con archivos que tienen la extensión .vue) no se muestra un resaltado de sintaxis ni las herramientas del lenguaje: Veamos entonces cómo instalar Vetur y analicemos las herramientas que proporciona para hacer el desarrollo con Vue más fácil y agradable. ...

En este post voy a poner las instrucciones para comenzar un proyecto con Buefy. Buefy es la combinación de Vue y Bulma CSS, ofrece componentes de Bulma CSS pero mejorados con el buen Vue. Vamos a utilizar NPM con la CLI de Vue (vue-cli), ya que será un proyecto un tanto formal. ...

Una vez que ya hemos creado un proyecto con la CLI de Vue (usando Buefy, por ejemplo) podemos agregarle otros paquetes como un enrutador. Vue Router es el enrutador oficial para Vue.Js y permite crear Aplicaciones de una sola página o Single Page Applications. De esta manera tenemos una navegación más fluida sin recargar la página, ahorrando ancho de banda y agregando velocidad. En este post vamos a ver cómo instalar y configurar el enrutador de Vue usando NPM, además de configurar las rutas para que coincidan con nuestros componentes. ...

He creado un generador de multiplicaciones aleatorias, en donde se presiona un botón y se generan multiplicaciones para imprimirlas y resolverlas, funciona totalmente en línea y se pueden personalizar los números. ...