Which route is to write for same method on every page [closed] in laravel ?

Yogesh Kumar
02-May-2022
0

However I'll try to introduce you the basics in Laravel:

I assume you have a layouts.blade.php file in resources\views\layouts and its corresponding class in app\View\Componets\AppLayout.php

Or similar naming

your app.blade.php file in resources\views\layouts with the following content:

app.blade.php:

 <!DOCTYPE html>
<html lang="en">
<head>
    <title>Title of the document</title>
</head>

<body>

<!-- Your Content goes here -->
<div>
    {{ $slot }}
</div>

</body>

</html>

AppLayout.php:

 <?php

namespace App\View\Components;

use Illuminate\View\Component;

class AppLayout extends Component
{
    /**
     * Get the view / contents that represents the component.
     *
     * @return \Illuminate\View\View
     */
    public function render()
    {
        return view('layouts.app');
    }
}

This is your base Layout for any pages on your website

Create a route for your first page in your routes\web.php to view the new Layout

 Route::get('/page1',function (){
    return view('page1');
});

Create page1.blade.php in resources\views

page1.blade.php:

 <x-index-layout>
    I'm Page One
</x-index-layout>

Create a new component for your search bar

 php artisan make:component SearchBar

edit resources/views/components/search-bar.blade.php with something like this:

 <label for="search" title="Search">
    <input type="search" placeholder="Search...">
</label>

add the component to your app.blade.php:

 <!DOCTYPE html>
<html lang="en">
<head>
    <title>Title of the document</title>
</head>

<body>

<!-- Search Bar -->

<x-search-bar/>

<!-- Your Content goes here -->
<div>
    {{ $slot }}
</div>

</body>

</html>

This will add your search bar on any page as long as you use the <x-app-layout> directive on other pages:

run it in the browser with http://{your-url}/page1 you'll see I'm Page One with the search bar on top

Create a new file page2.blade.php in resources\views with the following content

 <x-app-layout>
    I'm Page Two
</x-app-layout>

Create its route:

 Route::get('/page2',function (){
    return view('page2');
});

run it in the browser with http://{your-url}/page2 you'll see I'm Page Two with the search bar on top

204 0 7

Write a Comments

* Be the first to Make Comment

Which route is to write for same method on every page [closed] in laravel ?

app.blade.php:

AppLayout.php:

page1.blade.php:

Write a Comments

In Offer

Recent Posts

Starting Your Own Freelan...

Start Your Website Design...

Starting Your Own School...

Starting Your Shopping Bu...

Starting Your Own Securit...

Starting Your Event Plann...

Steps to Start Your Fitne...

Game Plan: 20 Important S...

Steps to Start Your Cater...

Steps to Start Your Own C...

Contact Details

(+91) 81306 40 966

(+91) 78277 51662

live:trimwebsolutions

New Delhi, India

Fix Your Meeting With Our SEO Consultants in India To Grow Your Business Online

Quick Links

Get Free Deals