Lección: 02 Instalación de Laravel y Configuración de Tabler UI en el Sistema Odontológico Clínica Dental

02 Instalación de Laravel y Configuración de Tabler UI en el Sistema Odontológico Clínica Dental

Duración: 16 min

Módulo: Introducción, Configuración Base & UI Lección 2 de 3

Descripción

📋 Lección 02: Instalación de Laravel y Configuración de Tabler UI en el Sistema Odontológico 🦷💻

En este capítulo práctico se realiza la creación del proyecto, la configuración de la base de datos y la instalación del panel de administración con Tabler UI en Laravel.

🔑 Pasos de Instalación y Configuración

1. 🚀 Creación del Proyecto Laravel ([00:01:28])

Se ingresa al directorio del servidor local (carpeta www en WampServer o htdocs en XAMPP).
Se ejecuta el comando de creación del proyecto vía Composer indicando el nombre odontologia.
Se comprueba la correcta instalación abriendo la ruta del servidor local en la carpeta public o iniciando el servidor de pruebas con Artisan ([00:05:33]).

2. 🗄️ Configuración de la Base de Datos MySQL ([00:03:53])

Creación de la base de datos llamada odontologia en phpMyAdmin con cotejamiento en español (utf8mb4_spanish_ci).
Edición del archivo .env ([00:07:11]):
- Se cambia la variable DB_CONNECTION de sqlite a mysql.
- Asignación del nombre de la base de datos a DB_DATABASE=odontologia.
- Configuración del usuario root y contraseña del entorno local.
Configuración del motor de base de datos a InnoDB en el archivo config/database.php para habilitar las relaciones entre tablas ([00:08:48]).

3. 🎨 Integración de la Plantilla Tabler UI ([00:09:09])

Instalación del paquete del starter kit de Tabler UI mediante Composer.
Exportación total de vistas y el sistema de autenticación ejecutando el comando de instalación de Tabler con el parámetro --all ([00:10:03]).

4. 🗃️ Migraciones y Compilación de Frontend ([00:10:27])

Ejecución del comando php artisan migrate para generar las tablas base de usuarios y sesiones en MySQL.
Instalación y compilación de dependencias de Node.js mediante los comandos npm install y npm run dev.

5. 🔐 Prueba del Panel Administrable ([00:13:31])

Comprobación de la interfaz de login y registro provista por Tabler UI.
Creación de la primera cuenta de usuario administrador (admin@admin.com) y acceso al Dashboard interactivo con soporte para Modo Oscuro/Claro, modales, tablas y menús navegables ([00:14:32]).

Hilari Web