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