Laravel – Views – Parte 4

Na quarta parte desta série vamos testar nossa estrutura padrão de layout.

Antes precisamos preparar nossa aplicação para uso da view “app.blade.php” (e toda a estrutura criada anteriormente).

Faremos uso de um arquivo “index.blade.php“, que ainda não desenvolvemos. Vamos substituir a view “welcome.blade.php“, criada automaticamente quando inciamos nossa aplicação, bem como o controller “HomeController” com um controlador para a nossa página de índice.

Vamos criar o controller “PagesController“, cujo objetivo será controlar as páginas genéricas de nossa aplicação, como home (index), página de contato, entre outras.

Siga sempre o seguinte fluxo: Defina a rota (route), depois o controlador (controller), crie uma pasta de view e por último a view em si.

Com base na sequência acima, vamos:

1. Editar o arquivo “web.php“, localizado na pasta “routes“:

// Auth Routes
Auth::routes();

// Home Page Route
Route::get('/', 'PagesController@index');

Mantenha os comentários e, como sugestão, mantenha as rotas em ordem alfabética.

2. Criar o controller “PagesController“:

php artisan make:controller PagesController

 

Que cria o arquivo “PagesController.php” em “app/Http/Controllers“:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PagesController extends Controller
{
    //
}

Cujo conteúdo devemos modificar para:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PagesController extends Controller
{
    public function index()
        {
            return view('pages.index');
        }
}

3. Criar a pasta “resources/views/pages”.

4. Criar a view “index.blade.php” na pasta criada no passo anterior.

@extends('layouts.app')

@section('title')
   <title>mgc-TI.net - Laravel App Template</title>
@endsection

@section('content')

<ol class="breadcrumb">
   <li><a href="#">Home</a></li>
</ol>

<!-- "jumbotron": "Box" para chamar a atenção para alguma informação especial -->

<div class="jumbotron">

   <h1>mgc-TI.net</h1>

   <p>A very good Laravel Application Template</p>

</div>

@endsection

Importante lembar que nosso layout utiliza / se baseia no framework Bootstrap (HTML, CSS, JS), logo algumas funcionalidades dali se derivam.

Maiores detalhes em http://getbootstrap.com/examples/theme/.

Por último, vamos excluir as views “home.blade.php” e “welcome.blade.php” da pasta “resources/views“, já que se tornaram obsoletas para nossa aplicação. Vamos também excluir o arquivo “HomeComntroller.php” em “app/Http/Controllers“.

E finalmente, testar nossa aplicação, iniciando nosso servidor (php artisan serve) e acessando http://localhost:8000/:

mgc-TI.net - Lavarel App Template versão 0.0

mgc-TI.net – Lavarel App Template versão 0.0

 

Pronto, mas uma etapa vencida na criação de nossa aplicação.

Deixe um comentário

This site uses Akismet to reduce spam. Learn how your comment data is processed.