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