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).
Ver ejemplo de código
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).
Ver ejemplo de código
Hoja de estilos
Archivo
public/css/admin.css:
Ver ejemplo de código
Javascript
Archivo
public/js/admin.js:
Ver ejemplo de código
Vista de acceso
Archivo
view/admin/usuarios/entrar.php:
Ver ejemplo de código
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:
Ver ejemplo de código
Vista de editar o crear usuario
Archivo
view/admin/usuarios/editar.php:
Ver ejemplo de código
ViewHelper
El archivo de vistas se ha modificado para incluir los métodos
permisos() y
redireccionConMensaje():
Ver ejemplo de código
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.
