Laravel kezdőknek - 6. rész - Layout és többoldalas nézetek


web.php

Route::get('/',[ElsoController::class, 'index'])->name('home');
Route::get('/rolunk',[ElsoController::class, 'rolunk'])->name('rolunk');

ElsoController.php

 public function index(){
        return view('welcome2');
    }

     public function rolunk(){
        return view('rolunk');
    }

welcome2.blade.php

@extends('layouts.app')

@section('title','Kezdőlapp')

@section('content')
    <h1>Kezdőoldal</h1>
    <p>Ez az oldal már közös layoutot használ</p>
@endsection

@section('sidebar')
    <p>Csak az egyik oldalra</p>
@endsection

rolunk.blade.php

@extends('layouts.app')

@section('title','Rólunk')

@section('content')
    <h1>Rólunk</h1>
    <p>Ide kerül minden rólunk</p>
@endsection

layouts/app.blade.php

<DOCTYPE html>
<html lang=hu>
<head>
    <meta charset="UTF-8">
    <title>@yield('title')</title>
    <style>
        body{font family:Arial, sans-serif; margin:20px}
        nav a{magin-right:10px; text-decoration:none;color:blue}
        nav a:home{text-decoration:underline}
    </style> 
</head>
<nav>
    <a href="{{ route('home') }}">Kezdőlap</a> |
    <a href="{{ route('rolunk') }}">Rólunk</a>
</nav>
<hr>
<div class="content">
    @yield('content')
    @yield('sidebar')
</div>
<div class="content">
    @yield('sidebar')
</div>
<hr>
<footer>
    <p>&copy; 2025 ZoToGe Informatika</p>
</footer>


</html>