👨‍⚕️ 🗝️ ◾️ पुस्तक "लारवेल। पूरा गाइड। दूसरा संस्करण 📏 🙏🏿 🕺

हैलो, हब्रोज़िटेली! Laravel को अन्य PHP चौखटे से अलग क्या सेट करता है? गति और सरलता। तेजी से अनुप्रयोग विकास, एक व्यापक पारिस्थितिकी तंत्र, और लारवेल टूलकिट आपको जल्दी से साफ, पठनीय कोड के साथ साइट और एप्लिकेशन बनाने की अनुमति देता है।

एक प्रसिद्ध शिक्षक और लीड डेवलपर, मैट स्टाफ़र, फ्रेमवर्क का सामान्य अवलोकन और इसके साथ काम करने के विशिष्ट उदाहरण दोनों प्रदान करता है। पुस्तक अनुभवी PHP डेवलपर्स को लारवेल पर एक परियोजना को लागू करने के लिए जल्दी से एक नया विषय दर्ज करने में मदद करेगी। प्रकाशन में लारवेल डस्क और होरिजन के विषयों को भी शामिल किया गया है, सामुदायिक संसाधनों और अन्य पैकेजों के बारे में जानकारी एकत्र करता है जो लारवेल कोर का हिस्सा नहीं हैं। इस पुस्तक में आपको मिलेगा: • उपयोगकर्ता डेटा एकत्र करने, जाँचने, सामान्य करने, फ़िल्टर करने के उपकरण अपने PHP कोड के परीक्षण के लिए मॉकरी और डस्क • JSON और RESTful API लिखने के लिए उपकरण • फ़ाइल सिस्टम, सत्र, कुकीज़ तक पहुँचने के लिए इंटरफ़ेसकैश और खोज • क्युबस, नौकरी, घटनाओं को लागू करना और वेबसॉकेट घटनाओं को प्रकाशित करना

ब्लेड टेम्पलेट इंजन

एक टेम्पलेट भाषा के रूप में PHP अपेक्षाकृत अच्छी तरह से काम करता है। लेकिन इसकी कमियां हैं, इसलिए आप हर जगह <? Php इनलाइन का उपयोग नहीं कर सकते। अधिकांश आधुनिक रूपरेखाओं की अपनी भाषा है।

लारवेल .NET रेजर इंजन के आधार पर अपना स्वयं का ब्लेड टेम्पलेट इंजन प्रदान करता है। इसका एक संक्षिप्त सिंटैक्स है, काफी समझ में आता है, एक शक्तिशाली और सहज विरासत मॉडल और आसान एक्स्टेंसिबिलिटी के साथ।

आप अपने आप को जल्दी से परिचित कर सकते हैं कि ब्लेड उदाहरण 4.1 में क्या दिखता है।

उदाहरण 4.1 ब्लेड उदाहरण

<h1>{{ $group->title }}</h1>
{!! $group->heroImageHtml() !!}

@forelse ($users as $user)
       • {{ $user->first_name }} {{ $user->last_name }}<br>
@empty
       No users in this group.
@endforelse

जैसा कि आप देख सकते हैं, ब्लेड कोड इको के लिए घुंघराले ब्रेसिज़ का उपयोग करता है और एक समझौता जिसमें उसके उपयोगकर्ता टैग, जिसे "निर्देश" कहा जाता है, @ के साथ उपसर्ग किया जाता है। आप अपने सभी प्रबंधन संरचनाओं के लिए निर्देश, साथ ही विरासत और आपके द्वारा जोड़े जाने वाले किसी भी कस्टम कार्य के लिए आवेदन करेंगे।

ब्लेड सिंटैक्स साफ और संक्षिप्त है, इसलिए इसके साथ काम करना विकल्पों के साथ आसान और अधिक सुखद है। लेकिन उस समय जब आपको अपने टेम्प्लेट - नेस्टेड इनहेरिटेंस, जटिल परिस्थितियों या पुनरावृत्ति में कुछ जटिल की आवश्यकता होती है - इंजन अपना सबसे अच्छा पक्ष दिखाता है। लारवेल के सर्वोत्तम घटकों की तरह, यह सरल और भारी आवेदन आवश्यकताओं तक पहुंच बनाता है।

इसके अलावा, चूंकि सभी ब्लेड सिंटैक्स को नियमित PHP कोड में संकलित किया जाता है और फिर कैश किया जाता है, यह तेज़ है और यदि आप चाहें तो इस इंजन की अपनी फाइलों में देशी PHP का उपयोग कर सकते हैं। हालांकि, मैं PHP का उपयोग करने से बचने की सलाह दूंगा जब यह संभव है - आमतौर पर अगर आपको कुछ ऐसा करने की आवश्यकता होती है जो ब्लेड या इसके उपयोगकर्ता के निर्देश के साथ संभव नहीं है, तो यह टेम्पलेट पर लागू नहीं होता है।

डेटा प्रदर्शन

जैसा कि आप उदाहरण 4.1 में देख सकते हैं, कोष्ठक {{और}} का उपयोग PHP कोड को लपेटने के लिए किया जाता है जिसे आप प्रदर्शित करना चाहते हैं। कोड {{$ $ चर}} सरल PHP में <? = $ चर?> की तरह कार्य करता है।

हालांकि, एक अंतर है: ब्लेड आपके स्क्रिप्ट को दुर्भावनापूर्ण स्क्रिप्ट को चिपकाने से बचाने के लिए htmlentities () PHP फ़ंक्शन के साथ डिफ़ॉल्ट रूप से सभी मैपिंग को ढाल देता है। इसका अर्थ है कि {{$ चर}} कार्यात्मक रूप से <? = Htmlentities ($ चर)?> के बराबर है। यदि आप आउटपुट से बचना नहीं चाहते हैं, तो {!!! और इस के बजाय।

{{ }} -

, Blade ({{}}) -. Laravel , Blade Handlebars?

Blade {{ @. , , :

// Blade; $bladeVariable
//
{{ $bladeVariable }}

// @ "{{ handlebarsVariable }}"
//
@{{ handlebarsVariable }}

verbatim( http://bit.ly/2OnrPRP )।

शासी संरचनाएं

ब्लेड में अधिकांश नियंत्रण संरचनाएं परिचित होंगी। कई सीधे PHP में एक ही टैग के नाम और संरचना की नकल करते हैं।

सुविधा के लिए कुछ सहायक हैं, लेकिन कुल मिलाकर नियंत्रण संरचनाएं PHP की तुलना में साफ दिखती हैं।

सशर्त निर्माण

प्रबंधन की तार्किक संरचना पर विचार करें।

@if

ब्लेड में अभिव्यक्ति @if ($ स्थिति) <?अन्य, अन्यअगर व अगर अंत- PHP में बिल्कुल एक ही वाक्य रचना शैली के साथ।

उदाहरण 4.2 पर एक नज़र डालें । उदाहरण 4.2। @अगरअन्य, अन्यअगर व अगर अंत

@if (count($talks) === 1)
     There is one talk at this time period.
@elseif (count($talks) === 0)
     There are no talks at this time period.
@else
     There are {{ count($talks) }} talks at this time period.
@endif

PHP की अपनी सशर्त अभिव्यक्तियों के साथ, आप उन्हें अपनी इच्छानुसार मिला सकते हैं और संयोजित कर सकते हैं। उनका कोई विशेष तर्क नहीं है; @If ($ हालत) में खोज के साथ एक विश्लेषक है और इसी PHP कोड के साथ प्रतिस्थापन है।

@unless @endunless

दूसरी तरफ @unless, एक नया वाक्य-विन्यास है जिसका PHP में कोई सीधा समकक्ष नहीं है। ये @ @ के विपरीत है। @unless ($ कंडीशन) <? php if (($ condition) के समान है। आप इसे उदाहरण 4.3 में देख सकते हैं।

उदाहरण 4.3 @unless और @endunless

@unless ($user->hasPaid())
       You can complete your payment by switching to the payment tab.
@endunless

साइकिल

अगला, चक्रों पर विचार करें।

@for, @foreach @while

के लिये, प्रत्येक के लिए तथा जबकिब्लेड में उसी तरह काम करते हैं जैसे PHP में (उदाहरण 4.4-4.6)।

उदाहरण 4.4के लिये और @endfor

@for ($i = 0; $i < $talk->slotsCount(); $i++)
      The number is {{ $i }}<br>
@endfor

उदाहरण ४.५ प्रत्येक के लिए और @endforeach

@foreach ($talks as $talk)
       • {{ $talk->title }} ({{ $talk->length }} minutes)<br>
@endforeach

उदाहरण 4.6। जबकि और @ निर्भर है

@while ($item = array_pop($items))
       {{ $item->orSomething() }}<br>
@endwhile

@forelse @endforelse

के लियेऔर है प्रत्येक के लिए, जिसे तब भी निष्पादित किया जा सकता है, जब आप जिस वस्तु की तलाश कर रहे हैं वह खाली है। हमने इसे अध्याय की शुरुआत में कार्रवाई में देखा था। उदाहरण 4.7 एक और विकल्प दिखाता है।

उदाहरण 4.7।के लियेअन्य

@forelse ($talks as $talk)
       • {{ $talk->title }} ({{ $talk->length }} minutes)<br>
@empty
       No talks this day.
@endforelse

विभिन्न क्षेत्रों में $ $ मूल्य प्रत्येक के लिएऔर @FORELSE

निर्देशप्रत्येक के लिए तथा के लियेऔर (लारावेल 5.3 में पेश किया गया) $ लूप वैरिएबल जोड़ता है, जो कि PHP के फॉरेक्स लूप में उपलब्ध नहीं है। जब एक लूप के अंदर उपयोग किया जाता हैप्रत्येक के लिए या के लियेelse stdClass .

• index — 0 ; 0 — « ».

• iteration — 1 ; 1 — « ».

• remaining — , .

• count — .

• first — , , .

• last — , , .

• depth — «» : 1 , 2 . .

• parent — $loop , foreach; अन्यथा अशक्त।

यह कैसे काम करता है इसका एक उदाहरण है:
<ul>
@foreach ($pages as $page)
       <li>{{ $loop->iteration }}: {{ $page->title }}
             @if ($page->hasChildren())
             <ul>
             @foreach ($page->children() as $child)
             <li>{{ $loop->parent->iteration }}
                   .{{ $loop->iteration }}:
                   {{ $child->title }}</li>
             @endforeach
             </ul>
             @endif
       </li>
@endforeach
</ul>

टेम्प्लेट इनहेरिटेंस

ब्लेड एक टेम्पलेट विरासत रूपरेखा प्रदान करता है जो विचारों को अन्य विचारों को विस्तारित करने, संशोधित करने और शामिल करने की अनुमति देता है।

आइए देखें कि ब्लेड के साथ विरासत कैसे संरचित है।

@ अनुभाग / @ निर्देशों का उपयोग करके पृष्ठ के अनुभागों को परिभाषित करना और प्राप्ति

चलो शीर्ष-स्तरीय ब्लेड लेआउट के साथ शुरू करते हैं, उदाहरण के लिए 4.8। यह एक सार्वभौमिक पृष्ठ आवरण की परिभाषा है जिसमें हम बाद में पृष्ठ-विशिष्ट सामग्री डालेंगे।

उदाहरण 4.8। ब्लेड संरचना

<!-- resources/views/layouts/master.blade.php -->
<html>
       <head>
              <title>My Site | @yield('title', 'Home Page')</title>
       </head>
       <body>
              <div class="container">
                    @yield('content')
              </div>
              @section('footerScripts')
                     <script src="app.js"></script>
              @show
       </body>
</html>

यह एक नियमित HTML पृष्ठ जैसा दिखता है, लेकिन आप दो स्थानों (शीर्षक और सामग्री) में उपज देख सकते हैं, और हमने तीसरे (पाद लेख) में खंड को परिभाषित किया है। यहां हमारे पास तीन ब्लेड के निर्देश हैं: केवलप्राप्ति('सामग्री'), प्राप्ति('शीर्षक', 'होम पेज') डिफ़ॉल्ट मूल्य और उसमें वास्तविक सामग्री के साथ @ अनुभाग / @ शो के साथ।

हालांकि वे थोड़ा अलग दिखते हैं, वे अनिवार्य रूप से एक ही कार्य करते हैं। सभी तीन निर्धारित करते हैं कि किसी दिए गए नाम (पहला पैरामीटर) के साथ एक अनुभाग है जिसे बाद में विस्तारित किया जा सकता है, और यदि अनुभाग का विस्तार नहीं किया गया है तो क्या करना है। वे या तो एक वापसी लाइन ('होम पेज') के साथ करते हैं, या बिना रिटर्न (कुछ भी नहीं दिखाया जाएगा यदि निर्देश का विस्तार नहीं किया गया है), या पूरे ब्लॉक की वापसी के साथ (इस मामले में)।

अंतर क्या है? परप्राप्ति('सामग्री') कोई डिफ़ॉल्ट सामग्री नहीं। इसके अलावा, मेंप्राप्ति('शीर्षक') यह केवल तभी प्रदर्शित किया जाएगा जब निर्देश का विस्तार नहीं किया गया हो। अन्यथा, इसके बाल वर्गों में डिफ़ॉल्ट मान के लिए प्रोग्रामेटिक एक्सेस नहीं होगा। @ अनुभाग / @ शो एक साथ डिफ़ॉल्ट मान को परिभाषित करता है और इसकी सामग्री को @parent के माध्यम से अपने बच्चों के लिए सुलभ बनाता है।

यदि आपके पास ऐसा कोई पेरेंट लेआउट है, तो आप इसे एक नई टेम्पलेट फ़ाइल में विस्तारित कर सकते हैं, उदाहरण के लिए 4.9।

उदाहरण 4.9। ब्लेड लेआउट एक्सटेंशन

<!-- resources/views/dashboard.blade.php -->
@extends('layouts.master')

@section('title', 'Dashboard')

@section('content')
       Welcome to your application dashboard!
@endsection

@section('footerScripts')
      @parent
      <script src="dashboard.js"></script>
@endsection

यह बाल दृश्य हमें आपको ब्लेड वंशानुक्रम की कुछ नई अवधारणाएँ दिखाने की अनुमति देता है।

@extends

उदाहरण 4.9 में, @extends ('layouts.master') का उपयोग करते हुए, हम यह निर्धारित करते हैं कि यह दृश्य स्वयं के द्वारा प्रदर्शित नहीं किया जाना चाहिए, बल्कि किसी अन्य दृश्य का विस्तार करता है। इसका मतलब यह है कि इसकी भूमिका विभिन्न वर्गों की सामग्री को स्थापित करने की है, लेकिन अकेले काम करने की नहीं। HTML पृष्ठ की तुलना में सामग्री ब्लॉक की एक श्रृंखला की तरह। यह रेखा यह भी निर्धारित करती है कि यह जो दृश्य बढ़ाता है वह संसाधनों / विचारों / लेआउट / मास्टर.ब्लेड.php पर स्थित है।

प्रत्येक फ़ाइल को केवल एक अन्य फ़ाइल का विस्तार करना चाहिए, और @ टेक्स्ट कॉल फ़ाइल की पहली पंक्ति होनी चाहिए।

@section @endsection

@ स्नेह ('शीर्षक', 'डैशबोर्ड') का उपयोग करके हम पहले खंड, शीर्षक के लिए अपनी सामग्री प्रदान करते हैं। चूँकि सामग्री बहुत छोटी है, इसलिए @ स्नेह और @ सुविधा के बजाय हम संक्षिप्त रूप का उपयोग करते हैं। यह आपको सामग्री को दूसरे @ सुरक्षा पैरामीटर के रूप में पारित करने की अनुमति देता है, और फिर आगे बढ़ता है। अगर आप @ सेंध के बिना @ कन्फेक्शन से थोड़े कन्फ्यूज हैं, तो आप सामान्य सिंटैक्स का इस्तेमाल कर सकते हैं।

@ स्नेह ('सामग्री') से, हम सामग्री अनुभाग की सामग्री को परिभाषित करने के लिए सामान्य वाक्यविन्यास का उपयोग करते हैं। जब तक हम थोड़ा सा नमस्कार सम्मिलित नहीं करते। हालाँकि, ध्यान दें: जब आप बच्चे के दृश्य में @ स्नेह का उपयोग करते हैं, तो आप @endection (या उसके उपनाम) के साथ समाप्त होते हैंरुकें) बजाय प्रदर्शन, जो माता-पिता के विचारों में वर्गों को परिभाषित करने के लिए आरक्षित है।

@parent

@ स्नेह ('पाद लेख') के बाद से, हम पाद लेख खंड की सामग्री को परिभाषित करने के लिए सामान्य वाक्यविन्यास का उपयोग करते हैं।

याद रखें कि हमने वास्तव में मुख्य लेआउट में इस सामग्री (या कम से कम इसके "डिफ़ॉल्ट मान") को परिभाषित किया था। इसलिए इस बार हमारे पास दो विकल्प हैं: या तो मूल दृश्य से सामग्री को अधिलेखित करें, या इसमें जोड़ें।
आप देख सकते हैं कि हमारे पास इस सेक्शन के अंदर @ पैरेंट डायरेक्शन का उपयोग करके पेरेंट व्यू से कंटेंट को शामिल करने की क्षमता है। अन्यथा, अनुभाग की सामग्री पूरी तरह से उस सब के साथ फिर से लिखी जाएगी जो इस खंड के माता-पिता में परिभाषित है।

प्रस्तुति घटकों का समावेश

अब जब हमने विरासत की मूल बातें समझ ली हैं, तो कुछ और तरकीबों का इस्तेमाल किया जा सकता है।

@include

क्या होगा यदि हम एक दृश्य में हैं और दूसरे का उपयोग करना चाहते हैं? शायद एक पंजीकरण बटन है, जो पूरे साइट पर फिर से जोड़ना वांछनीय है। और शायद मैं हर बार बटन टेक्स्ट का चयन करना चाहता हूं। उदाहरण 4.10 पर एक नज़र डालें।

उदाहरण 4.10। के साथ दृश्य घटक शामिल करेंशामिल

<!-- resources/views/home.blade.php -->
<div class="content" data-page-name="{{ $pageName }}">
      <p>Here's why you should sign up for our app: <strong>It's Great.</strong></p>

      @include('sign-up-button', ['text' => 'See just how great it is'])
</div>

<!-- resources/views/sign-up-button.blade.php -->
<a class="button button--callout" data-page-name="{{ $pageName }}">
      <i class="exclamation-icon"></i> {{ $text }}
</a>

शामिलएक घटक को ऊपर खींचता है और इसे (वैकल्पिक) डेटा स्थानांतरित करता है। कृपया ध्यान दें कि आप दूसरे पैरामीटर के माध्यम से शामिल करने के लिए केवल स्पष्ट रूप से डेटा पास नहीं कर सकतेशामिल, लेकिन शामिल फ़ाइल में किसी भी चर का संदर्भ लें जो शामिल दृश्य के लिए उपलब्ध हैं (इस उदाहरण में, $ pageName)। आप जो चाहें कर सकते हैं, लेकिन मैं स्पष्टता के लिए सिफारिश करूँगा कि आप हमेशा प्रत्येक चर को पास करें जिसे आप लागू करने का इरादा रखते हैं।

आप निर्देशों का उपयोग भी कर सकते हैंशामिलअगर शामिलकब और शामिलसबसे पहले, जैसा कि उदाहरण 4.11 में दिखाया गया है।

उदाहरण 4.11। सशर्त विचार शामिल करें

{{--  ,    --}}
@includeIf('sidebars.admin', ['some' => 'data'])

{{--  ,     true --}}
@includeWhen($user->isAdmin(), 'sidebars.admin', ['some' => 'data'])

{{--        --}}
@includeFirst(['customs.header', 'header'], ['some' => 'data'])

@each

आप परिस्थितियों की कल्पना कर सकते हैं जब आपको एक सरणी, एक संग्रह और पर पुनरावृति करने की आवश्यकता होती है शामिलप्रत्येक आइटम के लिए हिस्सा है। इसके लिए एक निर्देश है।से प्रत्येक।

मान लीजिए कि हमारे पास एक साइड मॉड्यूलर पैनल है और हम अपने स्वयं के नाम के साथ कई मॉड्यूल शामिल करना चाहते हैं। उदाहरण 4.12 पर एक नज़र डालें।

उदाहरण 4.12। के साथ एक लूप में दृश्य घटकों का उपयोग करनासे प्रत्येक

<!-- resources/views/sidebar.blade.php -->
<div class="sidebar">
      @each('partials.module', $modules, 'module', 'partials.empty-module')
</div>

<!-- resources/views/partials/module.blade.php -->
<div class="sidebar-module">
      <h1>{{ $module->title }}</h1>
</div>

<!-- resources/views/partials/empty-module.blade.php -->
<div class="sidebar-module">
      No modules :(
</div>

वाक्य विन्यास पर विचार करें से प्रत्येक। पहला पैरामीटर दृश्य के घटक का नाम है। दूसरा पुनरावृत्ति के लिए एक सरणी या संग्रह है। तीसरा, चर का नाम जिसके तहत प्रत्येक तत्व (इस मामले में, $ मॉड्यूल सरणी में प्रत्येक तत्व) को दृश्य में पारित किया जाएगा। और वैकल्पिक चौथा पैरामीटर एक दृश्य है जो दिखा रहा है कि सरणी या संग्रह खाली है (या यदि आप चाहें, तो आप यहां एक स्ट्रिंग पास कर सकते हैं जो आपके टेम्पलेट के रूप में उपयोग किया जाएगा)।

ढेर का उपयोग करना

मूल ब्लेड के साथ प्रबंधन करने के लिए सामान्य टेम्पलेट शायद मुश्किल है - जब ब्लेड पदानुक्रम में प्रत्येक दृश्य को एक विशिष्ट खंड में कुछ जोड़ने की आवश्यकता होती है - बहुत कुछ एक सरणी में एक प्रविष्टि जोड़ने की तरह।

सबसे आम स्थिति तब होती है जब कुछ पृष्ठों (और कभी-कभी साइट के कुछ हिस्सों में व्यापक अर्थों में) में विशिष्ट विशिष्ट सीएसएस और जावास्क्रिप्ट फाइलें होती हैं जिन्हें उन्हें लोड करने की आवश्यकता होती है। कल्पना करें कि आपके पास पूरी साइट के लिए "वैश्विक" CSS फ़ाइल, नौकरी अनुभाग के लिए एक CSS फ़ाइल और "नौकरी प्राप्त करें" पृष्ठ के लिए एक CSS फ़ाइल है।

ब्लेड के ढेर सिर्फ उसी के लिए बनाए जाते हैं। पैरेंट टेम्पलेट में, प्लेसहोल्डर स्टैक को परिभाषित करें। फिर, प्रत्येक बाल टेम्प्लेट में, आप उपयोग करते हुए रिकॉर्ड "पुश" कर सकते हैंधक्का दें/ @ एंडपश, जो उन्हें अंतिम छवि में स्टैक के अंत में जोड़ता है। आप उन्हें शुरुआत में जोड़ने के लिए @ prepend / @ endprepend का भी उपयोग कर सकते हैं। उदाहरण 4.13 यह दिखाता है।

उदाहरण 4.13। ब्लेड के ढेर का उपयोग करना

<!-- resources/views/layouts/app.blade.php -->
<html>
<head><!--  --></head>
<body>
       <!--    -->
       <script src="/css/global.css"></script>
       <!-- ,       -->
       @stack('scripts')
</body>
</html>

<!-- resources/views/jobs.blade.php -->
@extends('layouts.app')

@push('scripts')
        <!--  -    -->
        <script src="/css/jobs.css"></script>
@endpush

<!-- resources/views/jobs/apply.blade.php -->
@extends('jobs')

@prepend('scripts')
       <!--  -    -->
       <script src="/css/jobs--apply.css"></script>

@endprepend

यह निम्नलिखित परिणाम की ओर जाता है:

<html>
<head><!--  --></head>
<body>
       <!--    -->
       <script src="/css/global.css"></script>
       <!-- ,       -->
       <script src="/css/jobs--apply.css"></script>
       <script src="/css/jobs.css"></script>
</body>
</html>

घटकों और स्लॉट का उपयोग करना

लारवेल विचारों के बीच सामग्री को शामिल करने के लिए एक और टेम्पलेट प्रदान करता है, जिसे 5.4: घटकों और स्लॉट में पेश किया गया था। पूर्व संदर्भों में सबसे प्रभावी होते हैं जब आप घटक विचारों का उपयोग करते हैं और चर के रूप में सामग्री के बड़े हिस्से को पास करते हैं। एक मॉडल या टूलटिप के उदाहरण के लिए उदाहरण 4.14 देखें जो उपयोगकर्ता को किसी त्रुटि या अन्य कार्रवाई के लिए सचेत कर सकता है।

उदाहरण 4.14। एक मोडल विंडो एक घटक दृश्य का एक बुरा उदाहरण है

<!-- resources/views/partials/modal.blade.php -->
<div class="modal">
      <div>{{ $content }}</div>
      <div class="close button etc">...</div>
</div>

<!--    -->
@include('partials.modal', [
       'body' => '<p>The password you have provided is not valid. Here are the rules
       for valid passwords: [...]</p><p><a href="#">...</a></p>'
])

यह इस तरह के एक चर के लिए बहुत अधिक है और एक घटक के लिए आदर्श है।

स्लॉट्स वाले घटक उन विचारों के घटक होते हैं, जिन्हें किसी सम्मिलित टेम्पलेट से सामग्री प्राप्त करने के लिए बड़े हिस्से ("स्लॉट") शामिल करने के लिए डिज़ाइन किया गया है। उदाहरण 4.15 दिखाता है कि घटक और स्लॉट का उपयोग करके 4.14 कोड से इंजीनियर को रिवर्स कैसे करें।

उदाहरण 4.15। स्लॉट्स के साथ अधिक उपयुक्त घटक के रूप में मोडल विंडो

<!-- resources/views/partials/modal.blade.php -->
<div class="modal">
      <div>{{ $slot }}</div>
      <div class="close button etc">...</div>
</div>

<!--    -->
@component('partials.modal')
        <p>The password you have provided is not valid.
        Here are the rules for valid passwords: [...]</p>

        <p><a href="#">...</a></p>
@endcomponent

जैसा कि आप उदाहरण 4.15 में देख सकते हैं, निर्देश अंगआपको हमारे HTML कोड को एक चर के संकुचित स्ट्रिंग से निकालने और टेम्पलेट स्थान पर वापस आने की अनुमति देता है। हमारे घटक के टेम्पलेट में $ स्लॉट चर किसी भी सामग्री को हस्तांतरित करता हैअंग।

यौगिक स्लॉट

उदाहरण ५.१५ में हमने जिस विधि का उपयोग किया, उसे "डिफ़ॉल्ट" स्लॉट कहा जाता है; सब कुछ आप के बीच से गुजरती हैंअंगऔर @endcomponent, $ स्लॉट वैरिएबल को दिया गया। लेकिन आप केवल एक डिफ़ॉल्ट स्लॉट से अधिक भी हो सकते हैं। एक शीर्षक के साथ एक मोडल विंडो की कल्पना करें, उदाहरण के लिए 4.16 में।

उदाहरण 4.16। दो चर के साथ एक मॉडल प्रतिनिधित्व का घटक

<!-- resources/views/partials/modal.blade.php -->
<div class="modal">
      <div class="modal-header">{{ $title }}</div>
      <div>{{ $slot }}</div>
      <div class="close button etc">...</div>
</div>

आप निर्देश का उपयोग कर सकते हैं स्लॉट उनकी चुनौतियों में अंगसामग्री को डिफ़ॉल्ट के अलावा अन्य स्लॉट में स्थानांतरित करने के लिए, जैसा कि उदाहरण 4.17 में दिखाया गया है।

उदाहरण 4.17। एक घटक में एक से अधिक स्लॉट ट्रांसफर करें

@component('partials.modal')
        @slot('title')
               Password validation failure
        @endslot

        <p>The password you have provided is not valid.
        Here are the rules for valid passwords: [...]</p>

        <p><a href="#">...</a></p>
@endcomponent

और अगर आपके विचार में अन्य चर हैं जो एक स्लॉट के रूप में निरर्थक हैं, तो आप दूसरे पैरामीटर के रूप में सामग्री का एक सरणी पास कर सकते हैं अंग साथ ही शामिल। उदाहरण 4.18 पर एक नज़र डालें।

उदाहरण 4.18। स्लॉट के बिना एक घटक को डेटा पास करना

@component('partials.modal', ['class' => 'danger'])
         ...
@endcomponent

निर्देश के रूप में एक घटक का नामकरण

कॉल के लिए घटकों को सरल बनाने के लिए एक चाल है: उपनाम। बस ब्लेड :: घटक () ब्लेड के मोर्चे पर - सबसे आम AppServiceProvider बूट () विधि है - और इसे घटक के स्थान और फिर वांछित निर्देश के नाम से पारित करें, जैसा कि उदाहरण 4.19 में दिखाया गया है।

उदाहरण 4.19। एक निर्देश के रूप में एक घटक का छद्म नामकरण

// AppServiceProvider@boot
Blade::component('partials.modal', 'modal');

<!--   -->
@modal
         Modal content here
@endmodal

»किताब के बारे में अधिक जानकारी पर पाया जा सकता प्रकाशक की वेबसाइट
» सामग्री
» अंश

कूपन पर लिए Khabrozhiteley 25% छूट - Laravel

पुस्तक के कागज संस्करण के भुगतान करने पर, एक इलेक्ट्रॉनिक पुस्तक ई-मेल द्वारा भेजा जाता है।

पुस्तक "लारवेल। पूरा गाइड। दूसरा संस्करण