➜ CRUD Insert Usuario | agregar un registro con Vue.js
Creación de Usuarios con VueJS y PHP: Tutorial Práctico de CRUD PHP | Implementaremos la funcionalidad insertar registros nuevos en la tabla paisajes de nuestra BD vue, para ello usaremos las librerías axios y vue.
¡Explora el emocionante mundo del desarrollo web con nuestro tutorial paso a paso sobre cómo crear un nuevo usuario utilizando VueJS, PHP y MySQL! Aprenderás a construir un sistema CRUD eficiente para la creación de usuarios, desde la interfaz dinámica con VueJS hasta la gestión de datos en el servidor con PHP y MySQL. Este tutorial te proporcionará las habilidades esenciales para desarrollar aplicaciones web interactivas y funcionales.
HTML
<!-- CREATE-->
<div class="contenedor" v-if="modalCreate">
<div class="modal">
<h2>CREATE USER</h2>
<input type="text" name="name" id="name" placeholder="INGRESE SU NOMBRE" ><br>
<input type="email" name="email" id="email" placeholder="INGRESE SU CORREO"><br>
<input type="file" id="image" name="image"/><br>
<div class="buttons">
<button @click="modalCreate=false;insertUser()">Save</button>
<button @click="modalCreate=false">Cancel</button>
</div>
</div>
</div>
VueJS
insertUser(){ let fd = new FormData() fd.append('name',document.getElementById('name').value) fd.append('email',document.getElementById('email').value) fd.append('image',document.getElementById('image').files[0])axios.post(api+"?opc=create",fd) .then(function(response){ console.log(response.data) app.getUsers() }) },
4367 visitas
Capítulo 6 – CRUD Update | Editar usuario con Vue.js y Axios JS »
Descarga el código del proyecto
Descarga el código fuente del proyecto adquiriendo el curso completo
Comprar