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

अंत में, हमें यूआरएल को संबंधित से लिंक करने के लिए मार्गों को परिभाषित करने की आवश्यकता है । views

उदाहरण के लिए, routes/web.php  फ़ाइल में, आप निम्नलिखित मार्ग जोड़ सकते हैं:

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

इस उदाहरण में, "/" यूआरएल से जुड़ा हुआ है welcome.blade.php view, जबकि /about यूआरएल से जुड़ा हुआ है about.blade.php view ।

अंत में, लेआउट बनाने से Laravel आप अपने वेब एप्लिकेशन के लिए एक साझा इंटरफ़ेस बना सकते हैं और header, footer और जैसे सामान्य अनुभाग प्रबंधित कर सकते हैं sidebar । लेआउट और चाइल्ड का उपयोग करके, आप लचीले और रखरखाव योग्य इंटरफ़ेस बना सकते हैं । views Laravel