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