jairogarcíarincón

Vistas del back-end (usuarios)


1.05K

Introducción

En este apartado crearemos todas las vistas relativas al área de usuarios, incluyendo el acceso, así como las del layout del panel de administración.

Del mismo modo que hicimos en el front-end, incluiremos Materialize para generar la interfaz de usuario, ajustando los estilos necesarios a nuestro caso particular, así como jQuery para crear interactividad.

Además, modificaremos la clase ViewHelper para que incluya los métodos permisos() y redireccionConMensaje(), necesarios en UsuarioController.


Header

El archivo view/admin/partials/header.php incluirá lo siguiente:


  • Etiqueta html (apertura).

  • Etiqueta head con todas las etiquetas y llamadas a estilos necesarias.

  • Etiqueta body (apertura).

  • Etiqueta nav para el menú de navegación y el logo

  • El apartado de mensajes informativos sobre las acciones realizadas

  • Etiqueta main(apertura).

  • Etiqueta header con título y subtítulo.

  • Etiqueta section(apertura).






Footer

El archivo view/admin/partials/footer.php incluirá lo siguiente:


  • Etiqueta section (cierre).

  • Etiqueta main(cierre).

  • Etiqueta body (cierre).

  • Etiqueta footer con información institucional y copyright.

  • Llamadas a scripts necesarias.

  • Etiqueta html (cierre).






Hoja de estilos

Archivo public/css/admin.css:




Javascript

Archivo public/js/admin.js:




Vista de acceso



Archivo view/admin/usuarios/entrar.php:




Vista de inicio



El archivo view/admin/index.php se crea pero se deja vacío, si bien podría incluir iconos a las acciones, últimas modificaciones o acciones más utilizadas.


Vista de listado de usuarios



Archivo view/admin/usuarios/index.php:




Vista de editar o crear usuario



Archivo view/admin/usuarios/editar.php:




ViewHelper

El archivo de vistas se ha modificado para incluir los métodos permisos() y redireccionConMensaje():




Con esto estaría terminado el back-end de usuarios de nuestro CMS y todas las rutas asociadas y acciones deberían funcionar correctamente.

En los siguientes apartados crearemos el back-end de noticias para finalizar nuestro CMS.


Publicado el 19 de Enero de 2022

bloggestor de contenidosphpmysqlcss3javascriptjqueryajax