Ejemplo simple de CRUD con Vue 2, Laravel 5.4 y Axios
Este codigo es un ejemplo de Crud con Vue 2 y Laravel 5.4 creado para apoyar los posts en Laraveles
Proyecto
Se ha creado un proyecto exclusivo para que sea una idea limpia y facil de cambiar. La idea consiste en dar de alta empleados y asignarles un departamento y un cargo.
Instalacion
Ir al terminal e ingresar a la carpeta raiz de su localhost
- git clone https://github.com/Gonzalo2310/CrudVue.git
- cd CrudVue
- renombrar .env.example como .env
- configurar .env con las credenciales de la base de datos
- composer install
- php artisan migrate
- npm i (si prefiere puede usar yarn)
- npm run dev (o npm run prod si fuera para produccion)
- aplicar permisos a carpetas (en linux y mac en el terminal en la carpeta del proyecto escribir: chmod -R 777 public storage bootstrap/cache)
- generar key unica (en el terminal escribir php artisan key:generate)
- escribir http://localhost/CrudVue en su navegador
Objetivo
- Crear CRUD simple. Departamento solo es un campo de texto
- Crear CRUD de modelos relacionados. Cargo es solo un campo de texto pero solo puede existir dentro de un departamento
- Crear CRUD de modelo complejo
- Validaciones simples en el front.
- Validaciones en el back y mensaje de error en el front
- Uso de componente externo Vue para calendario de campo fecha de nacimiento del empleado
- Creacion de atributos en modelos y uso
- Select relacionados
Tecnologia Empleada.
- Laravel 5.4
- Vue 2 (2.3.4)
- Bulma css
- DataPicker Vue-Picker
- Axios
Informacion Ampliada
El material usado y el codigo esta explicado en una serie de post en laraveles
License
Todo el codigo aqui expuesto es de libre uso sin restricciones.