¡Bienvenidos de nuevo, desarrolladores! ✨

En este capítulo de nuestro viaje con Laravel (recuerde, estoy aprendiendo mientras escribo estos artículos, ¡así que esta será una de las series de tutoriales más realistas que pueda encontrar!), nos sumergiremos en nuestro proyecto Laravel. Exploraremos la estructura del proyecto, nos familiarizaremos con las migraciones y analizaremos la arquitectura MVC de la forma más sencilla posible.

? Agenda de hoy:

1. Explorando la estructura de nuestro proyecto ?️

   • Comprenda el diseño del directorio y navegue por él sin problemas.

2. Configurar una base de datos y aprender sobre migraciones ?️

   • Configura nuestra base de datos y familiarízate con las migraciones.

3. Comprensión de MVC y creación de algunos elementos MVC ?

   • Aprende cómo funciona la arquitectura MVC y experimenta con las migraciones.

Entonces, ¿qué están haciendo todos estos directorios? ?

Al iniciar VSCode por primera vez en su proyecto Laravel recién creado, es posible que la estructura del directorio le resulte un poco intimidante. A continuación se ofrece una descripción general rápida de lo que hace cada directorio clave:

• app/: Contiene lógica de aplicación (controladores, modelos).
• resources/views/: Dónde se encuentran tus plantillas Blade.
• rutas/: Contiene definiciones de ruta.
• config/: Archivos de configuración para varios aspectos de Laravel.
• base de datos/: Migraciones, seeders y base de datos SQLite (si se usa).
• público/: punto de entrada para solicitudes web, incluidos activos como CSS y JS.

Buenas noticias: No necesitas saberlo todo ahora mismo. ¡Tenga esta hoja de referencia a mano!

Malas noticias: Necesitarás conocerlas a medida que avance la serie. Agregaré "puntos de control de conocimiento" para recordarles sus propósitos.

¿Ver su aplicación web en el navegador?

¡Probemos Laravel! Abre tu terminal y escribe:

php artisan serve

Luego, dirígete a tu navegador y visita localhost:8000. Deberías ver algo como esto:

Importante: Asegúrese de que su servidor y su base de datos estén funcionando (si usa XAMPP, como se explica en mi artículo anterior).

¿Qué es artesanal? ?

Si estás acostumbrado a JavaScript, piensa que el servicio php artisan es similar a npm run dev.

Artisan es una poderosa herramienta de línea de comandos que viene con Laravel, lo que hace que diversas tareas sean fáciles y rápidas. El comando de servicio inicia un servidor de desarrollo local. Usaremos más Artisan a medida que avancemos, así que no te preocupes demasiado por ahora.

¿Configurando nuestra base de datos?

Una aplicación web es esencialmente un contenedor para una base de datos. Laravel admite varias bases de datos:

• SQLite: Configuración predeterminada, cero: ideal para proyectos pequeños y medianos.
• MySQL: Para proyectos más grandes, aunque SQLite funcionará en la mayoría de los casos.

Configurando SQLite

No es necesario configurarlo; es la base de datos predeterminada.

Configurar MySQL (si usa XAMPP)

Edite su archivo .env para descomentar la configuración de MySQL:

Configuración SQLite

Configuración de MySQL

El archivo .env es como un panel de control para activar y desactivar configuraciones.

? Un adelanto de MVC: ¿Ejemplos de bebés?

Antes de profundizar en MVC en artículos futuros, veamos una descripción general rápida con algunos ejemplos de bebés.

¿Qué es MVC? ?

MVC significa Modelo-Vista-Controlador. Es un patrón de diseño que separa las preocupaciones de su aplicación:

• Modelo: ?️ Gestiona los datos y la lógica empresarial.
• Ver: ?️ Muestra datos al usuario.
• Controlador: ?️ Conecta el modelo y la vista, manejando la entrada y el flujo de datos.

?️ Ejemplo de bebé: una aplicación sencilla de "Hola mundo"

1. Modelo

Aquí hay un modelo de saludo para almacenar mensajes:

// app/Models/Greeting.php
namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Greeting extends Model
{
    protected $table = 'greetings';
    protected $fillable = ['message'];
}

2. Ver

La vista muestra el mensaje de saludo:

    
{{ $message }}

3. Controlador

El controlador recupera el mensaje de saludo y lo pasa a la vista:

// app/Http/Controllers/GreetingController.php
namespace App\Http\Controllers;

use App\Models\Greeting;
use Illuminate\Http\Request;

class GreetingController extends Controller
{
    public function show()
    {
        $greeting = Greeting::first();
        return view('greeting', ['message' => $greeting->message]);
    }
}

Cómo funciona todo en conjunto

• Modelo: Gestiona datos (Clase de saludo).
• Ver: Presenta datos (greeting.blade.php).
• Controlador: Conecta el modelo y la vista (GreetingController).

En esta configuración:

• El Modelo maneja los datos.
• La Vista presenta los datos.
• El Controlador conecta los dos.

En artículos futuros, profundizaremos en cada componente y exploraremos ejemplos más complejos. ¡Manténganse al tanto! ?