Home | Clases | Creación de un CMS desde cero con patrón MVC | Vistas del back-end (usuarios)

Vistas del back-end (usuarios)


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.
Fecha de publicación: 25/05/2019
Asignaturas: desarrollo web en entorno servidordespliegue de aplicaciones web
Temas: blog gestor de contenidos php mysql css3 javascript jquery ajax
Utilizamos cookies propias y de terceros para mejorar su experiencia en la navegación. Al seguir navegando entendemos que acepta su uso.
Si lo desea, consulte nuestras políticas de privacidad y cookies
ENTENDIDO
[X] Cerrar

Contacta conmigo


[X] Cerrar

Acceso alumnos