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