Codeigniter 4 CRUD Vue.js 3

Lectura de los usuarios

Se obtiene los usuarios de la base de datos de dos maneras veamos el ejemplo en las siguientes imágenes.

Al iniciar y actualizar la pagina Al actulizar y Eliminar el usuario

Como se ve en las imágenes la obtención de usuarios se da atreves de varias funciones, veamos:

• funtion index (Controller) Se encarga de carga la vista user.php y ejecutar la función data.
• funtion readUsers (Vuejs) Se encarga obtener los usuarios a través de un post a la función data .
• funtion data (Controller) Se encarga de ejecutar la función readUsers y devolver los usuarios en formato json.
• funtion readUsers (Model)Se encarga de obtener los usuarios de la base datos y luego devolver a través de un array.

Graficar una tabla

Para graficar se debe tomar en cuenta los siguientes datos:

• funtion rows (Vuejs) es el encargado de mostrar cierta cantidad de usuarios en la tabla a través de un paginación y búsqueda.
• array users (Vuejs) son los usuarios obtenidos de la base de datos MySQL

Lectura del usuario

Para obtener los valores de un usuario se da a través de los siguientes pasos:

• funtion readUser (Vuejs) se encarga de ejcutar la función rows
• funtion rows (Vuejs) además de ser responsable de la gráfica de la tabla se encarga de devolver un objecto con los datos del usuario a través del index.

Crear un nuevo usuario

Para crea un usuario en la base de datos se involucra los siguientes pasos:

• funtion saveUser (Vuejs) se encarga de enviar un post con los datos del usuario a la función save.
• funtion save (Controller) se encarga de validar los datos del usuario y ejecutar la función createUser.
• funtion createUser (Model) se encarga de realizar en insert a la base datos los datos del usuario.

Actualizar el usuario

Los datos del usuario se actualizan a través de los siguientes pasos:

• funtion updateUser (Vuejs) se encarga de enviar un post con los nuevos datos del usuario a la función update.
• funtion update (Controller) se encarga de la validación de los nuevos datos del usuario y la ejecución de la función updateUser.
• funtion updateUser (Model) se encarga de realizar un update a la base datos los nuevos datos del usuario.

Eliminar de usuario

A Continuación, se ve los pasos para eliminar un usuario de la base de datos:

• funtion deleteUser (Vuejs) se encarga de enviar un post con el id del usuario a la función delete.
• funtion update (Controller) se encarga de ejecutar la función deleteUser.
• funtion deleteUser (Model) se encarga de realizar un delete a la base datos con el id del usuario.