Blade Template Tutorial Three Template Inheritance in Laravel 11

 <!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Master Layout - @yield("title","Website")</title>
    {{-- Below "asset('css/style.css')" is for declaring Absolute Path and "asset() is helper function for Absolute Path" --}}
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
</head>
<body>
    <div id="wrapper">
        <header>
            <h1>Hello World</h1>
        </header>
        <nav>
            <a href="/welcomeTwo">Home</a>
            <a href="/test">About</a>
            <a href="/posttest">Post</a>
        </nav>
        <main>
            <article>
                {{-- hasSection() checks whether the value of yield is Set OR Not --}}
                @hasSection("content")
                    @yield("content")
                @else
                    <h2>No Content Found.</h2>
                @endif
                {{-- @yield("content", "<h2>No Coutent Found.</h2>") --}}
            </article>
            <aside>
                @section("sidebar")
                    <ul>
                        <li><a href="/welcomeTwo">Home</a></li>
                        <li><a href="/test">About</a></li>
                        <li><a href="/posttest">Post</a></li>
                    </ul>
                @show
            </aside>
        </main>
        <footer>helloworld@copyright 2023.</footer>
    </div>
</body>
</html>
Above File is views/layouts/masterlayout.blade.php File





Below File is welcomeTwo.blade.php File
@extends("layouts.masterlayout")

@section("content")
<h2>Home Page</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quisquam expedita, ut minima quis facere alias, soluta sequi est ad iure cum, hic laudantium a odio accusamus magni assumenda nesciunt? Quaerat ullam libero, illum eligendi exercitationem rem possimus similique dolor, quod neque, esse soluta repellendus ratione culpa nam eos natus laborum! Exercitationem odit quasi pariatur reprehenderit velit tempore doloribus expedita, quidem animi corrupti officiis eveniet aspernatur amet saepe numquam est iure explicabo accusantium maiores hic quam nihil ipsam consequatur soluta? Eveniet mollitia provident repellat aliquam, quae aperiam dicta sed dolorem, laboriosam magni eos quas quod voluptates neque illo voluptatem porro saepe.</p>

@endsection

@section("title")
Home
@endsection




Below File is post.blade.php File
<h1>Our Post View File</h1>
<a href="{{ route('home') }}">HOME PAGE</a><br><br>
<a href="{{ route('firstpostishere') }}">FIRST POST IS HERE</a><br><br>
<a href="{{ route('aboutus') }}">About Page</a>

@extends("layouts.masterlayout")

@section("content")
<h2>Post Page</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis alias repellat et ex quae recusandae asperiores, in magni error ipsa aliquam quia esse quaerat eos architecto exercitationem molestias temporibus ipsum cumque iste, rem tempore distinctio, eveniet illo. Delectus quod blanditiis minus sed repellat neque facere commodi temporibus fugiat, ipsum repellendus voluptatem, doloremque ipsa rerum optio sint et debitis molestias similique quo eaque nisi? Eveniet voluptatibus excepturi fugit. A modi eveniet ex animi, excepturi quae ratione, odit impedit alias numquam eaque?</p>
@endsection

@section("sidebar")
    @parent
    <p>This is appended to the master sidebar.</p>
@endsection

@section("title")
Post
@endsection





Below File is about.blade.php File
@extends("layouts.masterlayout")

@section("content")
<h2>About Page</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero consequatur fuga ab repudiandae inventore numquam, distinctio temporibus blanditiis officia accusamus sit ut recusandae similique! Natus optio corrupti, omnis in dignissimos facilis dolorem praesentium vitae repudiandae distinctio suscipit, incidunt repellat modi id autem labore necessitatibus nesciunt dolores, consectetur beatae officia debitis. Ducimus repellat distinctio tempore mollitia, aut odio, commodi, impedit atque error assumenda exercitationem magnam quam corporis! Pariatur exercitationem molestias rem?</p>
@endsection

@section("content")
<h2>Another Page</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. At beatae assumenda tenetur provident ab est nulla perspiciatis magnam iste minima.</p>
@endsection

@section("title")
About
@endsection





Comments

Post a Comment

Popular posts from this blog

Eloquent Many to Many Relationship Tutorial in Laravel 11

Image
  <?php namespace App\Http\Controllers ; use App\Models\ User ; use Illuminate\Http\ Request ; class UserController extends Controller {     /**      * Display a listing of the resource.      */     public function index ()     {         // $users = User::find(2);         // return $users;         // $users = User::with("roles")->get();         // return $users;         // $users = User::find(1);         // return $users->roles;         // $users = User::find(1);         // foreach($users->roles as $data) {         //     echo $data->role_name . "<br>";         // }         // To show All users data as shown below :         $users = User :: get ();...
Read more

Eloquent with JSON Data Columns Tutorial in Laravel 11

Image
  <?php namespace App\Http\Controllers ; use App\Models\ Test ; use Illuminate\Http\ Request ; class TestController extends Controller {     /**      * Display a listing of the resource.      */     public function index ()     {         // Read first record from database         // $test = Test::find(1);         // return $test->meta_data;         // Read all records from database         // $test = Test::get();         // return $test;         // Order all records based on name         // $test = Test::orderBy("meta_data->name")->get();         // return $test;         // Read only "name" value of any particular record from database         // $test = Test::find(1);     ...
Read more