లో 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