close

ਇਸ ਨਾਲ ਲੇਆਉਟ ਬਣਾਉਣਾ Laravel- ਲਚਕਦਾਰ ਅਤੇ ਸਾਂਭਣਯੋਗ ਇੰਟਰਫੇਸ ਬਣਾਉਣਾ

ਵਿੱਚ Laravel, ਲੇਆਉਟ ਇੱਕ ਵੈੱਬ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਯੂਜ਼ਰ ਇੰਟਰਫੇਸ ਬਣਾਉਣ ਵਿੱਚ ਮਹੱਤਵਪੂਰਨ ਭੂਮਿਕਾ ਨਿਭਾਉਂਦਾ ਹੈ। ਇੱਕ ਖਾਕਾ ਇੱਕ ਵੈਬ ਪੇਜ ਦੀ ਸਮੁੱਚੀ ਬਣਤਰ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ header, footer  ਅਤੇ sidebar. ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਖੋਜ ਕਰਾਂਗੇ ਕਿ Laravel ਲਚਕਦਾਰ ਅਤੇ ਰੱਖ-ਰਖਾਅ ਯੋਗ ਇੰਟਰਫੇਸ ਬਣਾਉਣ ਲਈ ਲੇਆਉਟ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਵੇ।

ਪਹਿਲਾਂ, ਆਓ ਸਾਡੀ ਵੈਬਸਾਈਟ ਲਈ ਇੱਕ ਬੁਨਿਆਦੀ ਖਾਕਾ ਬਣਾਈਏ। app.blade.php ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਨਾਮ ਦੀ ਇੱਕ ਫਾਈਲ ਬਣਾ ਕੇ ਸ਼ੁਰੂ ਕਰੋ । ਇਹ ਫ਼ਾਈਲ ਪੂਰੀ ਵੈੱਬਸਾਈਟ ਲਈ ਮੁੱਖ ਖਾਕੇ ਵਜੋਂ ਕੰਮ ਕਰੇਗੀ। resources/views/layouts

ਇੱਥੇ ਫਾਈਲ ਲਈ ਇੱਕ ਉਦਾਹਰਣ ਸਮੱਗਰੀ ਹੈ app.blade.php:

<!DOCTYPE html>  
<html>  
<head>  
    <title>@yield('title')</title>  
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">  
</head>  
<body>  
    <header>  
        <h1>Header</h1>  
    </header>  
  
    <nav>  
        <ul>  
            <li><a href="/">Home</a></li>  
            <li><a href="/about">About</a></li>  
            <li><a href="/contact">Contact</a></li>  
        </ul>  
    </nav>  
  
    <main>  
        @yield('content')  
    </main>  
  
    <footer>  
        <p>Footer</p>  
    </footer>  
  
    <script src="{{ asset('js/app.js') }}"></script>  
</body>  
</html>

ਇਸ ਖਾਕੇ ਵਿੱਚ, ਅਸੀਂ @yield ਲੇਆਉਟ ਦੇ ਅੰਦਰ ਗਤੀਸ਼ੀਲ ਭਾਗਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। ਉਦਾਹਰਨ ਲਈ, @yield('title') ਬੱਚੇ ਨੂੰ ਪੇਜ ਸਿਰਲੇਖ ਨੂੰ ਓਵਰਰਾਈਡ ਕਰਨ ਅਤੇ ਸੈੱਟ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ। ਇਸੇ ਤਰ੍ਹਾਂ, ਬੱਚੇ ਨੂੰ ਪੰਨੇ ਦੀ ਮੁੱਖ ਸਮੱਗਰੀ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ। views @yield('content') views

ਇੱਕ ਵਾਰ ਲੇਆਉਟ ਬਣ ਜਾਣ ਤੋਂ ਬਾਅਦ, ਅਸੀਂ ਇਸ ਖਾਕੇ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੇ ਬੱਚੇ ਨੂੰ ਬਣਾ ਸਕਦੇ ਹਾਂ। ਉਦਾਹਰਨ ਲਈ, ਇੱਕ ਸਮਾਨ ਲੇਆਉਟ ਵਾਲਾ ਇੱਕ ਪੰਨਾ ਬਣਾਉਣ ਲਈ, ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਨਾਮ ਦੀ ਇੱਕ ਫਾਈਲ ਬਣਾਓ। ਇਹ ਫਾਈਲ ਲੇਆਉਟ ਨੂੰ ਵਧਾਏਗੀ  ਅਤੇ ਪੰਨੇ ਲਈ ਖਾਸ ਸਮੱਗਰੀ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੇਗੀ: views about about.blade.php resources/views app.blade.php about 

@extends('layouts.app')  
  
@section('title', 'About')  
  
@section('content')  
    <h2>About Page</h2>  
    <p>This is the about us page.</p>  
@endsection

ਉਪਰੋਕਤ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਲੇਆਉਟ @extends ਨੂੰ ਵਿਰਾਸਤ ਵਿੱਚ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਨਿਰਦੇਸ਼ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ app.blade.php  । ਅੱਗੇ, ਅਸੀਂ  ਪੰਨੇ  ਅਤੇ ਭਾਗਾਂ @section ਲਈ ਖਾਸ ਸਮੱਗਰੀ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਨਿਰਦੇਸ਼ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। title content

ਅੰਤ ਵਿੱਚ, ਸਾਨੂੰ URL ਨੂੰ ਸੰਬੰਧਿਤ ਨਾਲ ਲਿੰਕ ਕਰਨ ਲਈ ਰੂਟਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਦੀ ਲੋੜ ਹੈ । views

ਉਦਾਹਰਨ ਲਈ, routes/web.php  ਫਾਈਲ ਵਿੱਚ, ਤੁਸੀਂ ਹੇਠਾਂ ਦਿੱਤੇ ਰੂਟਾਂ ਨੂੰ ਜੋੜ ਸਕਦੇ ਹੋ:

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

ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, "/" URL ਨੂੰ ਨਾਲ ਲਿੰਕ ਕੀਤਾ ਗਿਆ ਹੈ welcome.blade.php view, ਜਦੋਂ ਕਿ /about URL ਨੂੰ about.blade.php view.

ਸਿੱਟੇ ਵਜੋਂ, ਵਿੱਚ ਲੇਆਉਟ ਬਣਾਉਣਾ Laravel ਤੁਹਾਨੂੰ ਤੁਹਾਡੀ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਇੱਕ ਸਾਂਝਾ ਇੰਟਰਫੇਸ ਬਣਾਉਣ ਅਤੇ ਆਮ ਭਾਗਾਂ ਜਿਵੇਂ ਕਿ header, footer ਅਤੇ sidebar. ਲੇਆਉਟ ਅਤੇ ਚਾਈਲਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਤੁਸੀਂ ਵਿੱਚ ਲਚਕਦਾਰ ਅਤੇ ਸਾਂਭਣਯੋਗ ਇੰਟਰਫੇਸ ਬਣਾ ਸਕਦੇ ਹੋ । views Laravel