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

454 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

Web Development

Mental health

Affiliate marketing graph...

Tech in Health care:-How...

Virtual Reality

Unlock Your Creativity wi...

Health and fitness equipm...

Cryptocurrency- The Futur...

Case studies

Social media

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