Bem-vindos de volta, desenvolvedores! ✨

Neste capítulo de nossa jornada no Laravel (lembre-se, estou aprendendo enquanto escrevo esses artigos, então esta será uma das séries de tutoriais mais realistas que você pode encontrar!), mergulharemos em nosso projeto Laravel. Exploraremos a estrutura do projeto, nos familiarizaremos com as migrações e detalharemos a arquitetura MVC da maneira mais simples possível.

? Agenda de hoje:

1. Explorando nossa estrutura de projeto ?️

   • Entenda o layout do diretório e navegue por ele sem problemas.

2. Configurando um banco de dados e aprendendo sobre migrações ?️

   • Configure nosso banco de dados e conheça as migrações.

3. Compreendendo o MVC e criando alguns elementos MVC ?

   • Aprenda como funciona a arquitetura MVC e experimente as migrações.

Então, o que todos esses diretórios estão fazendo? ?

Após o primeiro lançamento do VSCode em seu projeto Laravel recém-criado, você pode achar a estrutura de diretórios um pouco intimidante. Aqui está uma rápida visão geral do que cada diretório-chave faz:

• app/: Contém lógica de aplicação (controladores, modelos).
• resources/views/: Onde ficam seus modelos Blade.
• rotas/: Contém definições de rota.
• config/: Arquivos de configuração para vários aspectos do Laravel.
• database/: Migrações, seeders e banco de dados SQLite (se usado).
• public/: ponto de entrada para solicitações da web, incluindo ativos como CSS e JS.

Boas notícias: você não precisa saber tudo agora. Mantenha esta folha de dicas à mão!

Más notícias: você precisará aprender sobre isso à medida que a série avança. Acrescentarei “pontos de verificação de conhecimento” para lembrá-lo de seus propósitos.

Visualizando seu aplicativo da web no navegador?

Vamos experimentar o Laravel! Abra seu terminal e digite:

php artisan serve

Em seguida, acesse seu navegador e visite localhost:8000. Você deverá ver algo assim:

Importante: certifique-se de que seu servidor e banco de dados estejam em execução (se estiver usando XAMPP, conforme explicado em meu artigo anterior).

O que é artesão? ?

Se você está acostumado com JavaScript, pense no php artesão como algo semelhante ao npm run dev.

Artisan é uma poderosa ferramenta de linha de comando que vem com o Laravel, tornando várias tarefas fáceis e rápidas. O comando serve inicia um servidor de desenvolvimento local. Usaremos mais o Artisan à medida que avançamos, então não se preocupe muito com isso agora.

Configurando nosso banco de dados?

Um aplicativo da web é essencialmente um wrapper para um banco de dados. Laravel suporta vários bancos de dados:

• SQLite: configuração padrão, zero – ideal para projetos de pequeno a médio porte.
• MySQL: Para projetos maiores, embora o SQLite funcione na maioria dos casos.

Configurando SQLite

Você não precisa configurá-lo; é o banco de dados padrão.

Configurando MySQL (se estiver usando XAMPP)

Edite seu arquivo .env para descomentar a configuração do MySQL:

Configuração SQLite

Configuração do MySQL

O arquivo .env é como um painel de controle para ativar e desativar configurações.

? Dê uma espiada no MVC: exemplos de bebês?

Antes de nos aprofundarmos no MVC em artigos futuros, vamos obter uma visão geral rápida com alguns exemplos infantis.

O que é MVC? ?

MVC significa Model-View-Controller. É um padrão de design que separa as preocupações em seu aplicativo:

• Modelo: ?️ Gerencia os dados e a lógica de negócios.
• Visualizar: ?️ Exibe dados para o usuário.
• Controlador: ?️ Conecta o modelo e a visualização, manipulando a entrada e o fluxo de dados.

?️ Exemplo de bebê: um aplicativo simples "Hello World"

1. Modelo

Aqui está um modelo de saudação para armazenar mensagens:

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

use Illuminate\Database\Eloquent\Model;

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

2. Ver

A visualização exibe a mensagem de saudação:

    


    
{{ $message }}

3. Controlador

O controlador busca a mensagem de saudação e a passa para a view:

// 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]);
    }
}

Como tudo funciona junto

• Modelo: gerencia dados (classe de saudação).
• Visualizar: Apresenta dados (greeting.blade.php).
• Controller: conecta modelo e visualização (GreetingController).

Nesta configuração:

• O Modelo lida com os dados.
• A Visualização apresenta os dados.
• O Controlador conecta os dois.

Em artigos futuros, nos aprofundaremos em cada componente e exploraremos exemplos mais complexos. Fique atento! ?