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