Panel de administración construido con Laravel Voyager
Requisitos previos:
Debe completar las siguientes tareas antes de comenzar los pasos de este tutorial.
- Crear un nuevo proyecto de Laravel llamado VoyagerProject. Aquí, el compositor se ha utilizado para crear el proyecto Laravel. Si el compositor no está instalado antes de entonces, debe instalarlo antes de ejecutar el siguiente comando.
$ composer create-project Laravel/Laravel VoyagerProject
- Ir a la carpeta del proyecto.
$ CD VoyagerProject
- Todos los pasos de este tutorial se han probado en Laravel versión 9+. Entonces, verifique la versión instalada de Laravel.
$ PHP Artisan -Versión
Base de datos de configuración:
Debe crear una base de datos en MySQL para almacenar los datos del proyecto utilizados en el panel de administración. Complete las siguientes tareas para crear una base de datos y configurar la base de datos para el proyecto Laravel.
- Inicie sesión en el servidor MySQL y ejecute el siguiente comando SQL para crear una base de datos llamada db_voyager del mensaje mysql.
MySQL> Crear base de datos db_voyager;
- Abre el .envidia Archivo del proyecto Laravel e inicialice los valores para la siguiente información en función de la base de datos. App_url = http: // localhost: 8000
Db_connection = mysql
Db_host = localhost
Db_port = 3306
Db_username = 'nombre de usuario'
Db_password = 'contraseña'
Db_password = 'contraseña'
Instale Laravel Voyager:
Ejecute el siguiente comando compositor para descargar el paquete Laravel Voyager.
$ compositor requiere TCG/Voyager
Ejecutar el instalador Voyager:
Puede instalar Laravel Voyager con o sin datos ficticios. El siguiente comando instalará el Voyager de Laravel sin los datos ficticios.
$ PHP Artisan Voyager: instalar
El siguiente comando instalará el Voyager de Laravel con los datos ficticios.
$ PHP Artisan Voyager: Instalar-con tontería
Es mejor instalar Laravel Voyager con los datos ficticios para probar el panel de administración correctamente. Entonces, instale el Voyager de Laravel con los datos ficticios ejecutando el comando anterior.
Prueba de Laravel Voyager:
Abra la terminal y vaya a la carpeta del proyecto. Ejecute el siguiente comando para iniciar el servidor de desarrollo de Laravel que se inicia en el puerto número 8000 de forma predeterminada.
$ Php Artisan Servir
La información de inicio de sesión predeterminada del usuario administrador para Laravel Voyager se proporciona a continuación.
Correo electrónico: [email protected]Contraseña: contraseña
Abra la siguiente URL desde el navegador para abrir la página de inicio de sesión para el inicio de sesión de administración.
http: // 127.0.0.1: 8000/administrador
La siguiente página aparecerá después de ejecutar la URL anterior. Proporcione la información de inicio de sesión válida y haga clic en el ACCESO botón para abrir el panel de administración. Clickea en el Acuérdate de mí Opción antes de hacer clic en el botón Enviar para almacenar la información de inicio de sesión.
La siguiente información aparecerá si el inicio de sesión de administrador es exitoso. El tablero de administración contiene el menú de la barra lateral e incluye la información sobre los roles del usuario, la información del usuario, los medios, las publicaciones, las páginas y las categorías. La información se mostrará en función de los datos ficticios. El lado derecho del panel de administración contiene todos los usuarios, publicaciones e información de la página. Algunos usos del panel de administración se han explicado en la siguiente parte del tutorial.
La siguiente página aparecerá si el usuario hace clic en el Usuarios en el menú de la barra lateral o la vista de todos los usuarios botón desde el lado derecho del panel. El usuario administrativo puede crear un nuevo usuario, editar la información de un usuario existente y eliminar la información de uno o más usuarios. La información del usuario del administrador se crea de forma predeterminada en la instalación de Voyager. Entonces, el registro de un usuario se muestra en la salida. El nuevo usuario se puede crear haciendo clic en el Agregar nuevo botón, y la información de los múltiples usuarios se puede eliminar haciendo clic en el Eliminar a granel botón después de seleccionar los usuarios.
El siguiente formulario aparecerá después de hacer clic en el Agregar nuevo botón de la sección del usuario. Se agregará un nuevo usuario a la aplicación si el usuario administrador hace clic en el botón Guardar después de agregar la información del usuario válido. El avatar del usuario se puede cargar seleccionando la imagen con el Navegar… botón.
La siguiente información similar aparecerá si la nueva cuenta de usuario se crea correctamente en el paso anterior. El administrador puede cambiar la información de cualquier usuario existente haciendo clic en Editar botón.
Si el usuario hace clic en el Postes en la barra lateral o Ver todas las publicaciones Botón Desde el lado derecho, se mostrará toda la información de publicación existente. Los registros de cuatro postes existen de forma predeterminada. El usuario administrador puede crear, actualizar y eliminar cualquier publicación como la información del usuario que se ha mostrado antes. La paginación se ha implementado para todos los datos de la tabla, como la tabla de publicaciones administrada por el panel de administración. Cada registro del postes tabla u otra tabla se puede mostrar, actualizar y eliminar individualmente utilizando el Ver edición, y Borrar Botones agregados con cada registro.
El Herramientas y Ajustes Las opciones se agregan en la barra lateral para diferentes propósitos. La siguiente página aparecerá si el usuario hace clic en la opción Configuración de la barra lateral. Se pueden establecer diferentes tipos de configuraciones de aplicaciones utilizando esta opción.
Conclusión:
El panel de administración receptivo bellamente diseñado para el proyecto Laravel se puede implementar sin ningún costo utilizando el paquete Laravel Voyager. Por lo tanto, es un paquete de laravel beneficioso para la aplicación web de bajo presupuesto. Espero que los usuarios de Laravel puedan agregar un atractivo panel de administración libremente en su proyecto después de leer este tutorial.