Τι είναι τα στοιχεία Laravel και πώς να τα χρησιμοποιήσετε

Τα στοιχεία Laravel είναι ένα προηγμένο χαρακτηριστικό, το οποίο προστίθεται από την έβδομη έκδοση του laravel. Σε αυτό το άρθρο θα δούμε τι είναι το στοιχείο, πώς να το δημιουργήσετε, πώς να χρησιμοποιήσετε στοιχεία στο μοντέλο blade και πώς να παραμετροποιήσετε το στοιχείο περνώντας παραμέτρους.

Τι είναι το Laravel Component;

Ένα στοιχείο είναι ένα κομμάτι κώδικα που μπορούμε να χρησιμοποιήσουμε ξανά σε οποιοδήποτε blade προτύπου. Είναι κάτι σαν ενότητες, διατάξεις και περιλαμβάνει. Για παράδειγμα, χρησιμοποιούμε την ίδια κεφαλίδα για κάθε πρότυπο, ώστε να μπορούμε να δημιουργήσουμε ένα στοιχείο κεφαλίδας, το οποίο μπορούμε να χρησιμοποιήσουμε ξανά.

Μια άλλη χρήση των στοιχείων για καλύτερη κατανόηση είναι σαν να χρειάζεται να χρησιμοποιήσετε ένα κουμπί εγγραφής στον ιστότοπο σε πολλά σημεία, όπως στην κεφαλίδα, στο υποσέλιδο ή οπουδήποτε αλλού στον ιστότοπο. Δημιουργήστε λοιπόν ένα στοιχείο του κώδικα αυτού του κουμπιού και χρησιμοποιήστε το ξανά.

Πώς να δημιουργήσετε στοιχεία στο Laravel

Για παράδειγμα, ας δημιουργήσουμε ένα στοιχείο Header με l 'Artisan:

php artisan make:component Header

Αυτή η εντολή δημιουργεί δύο αρχεία στο έργο laravel σας:

ένα αρχείο PHP με το όνομα Header.php μέσα στον κατάλογο app/http/View/Components;
και ένα αρχείο blade HTML με το όνομα header.blade.php μέσα στον κατάλογο resources/views/components/.

Μπορείτε επίσης να δημιουργήσετε στοιχεία σε έναν υποκατάλογο, όπως:

php artisan make:component Forms/Button

Αυτή η εντολή θα δημιουργήσει ένα στοιχείο κουμπιού στον κατάλογο App\View\Components\Forms και το αρχείο blade θα τοποθετηθεί στον κατάλογο πόροι/προβολές/στοιχεία/φόρμες.

Για την απόδοση του στοιχείου στο αρχείο blade HTML, θα χρησιμοποιήσουμε αυτήν τη σύνταξη:

Παράδειγμα εξαρτημάτων Laravel

Πρώτα εισάγουμε κάποιο κώδικα HTML στο αρχείο header.blade.php του συστατικού.

<div><h1> Header Component </h1></div>

τώρα δημιουργήστε ένα αρχείο προβολής users.blade.php στο φάκελο assets, όπου μπορούμε να χρησιμοποιήσουμε το στοιχείο κεφαλίδας.

<x-header /><h1>User Page</h1>

τώρα, μέσω του συστήματος των δρομολόγηση της laravel, καλούμε το blade για να εμφανιστεί το αποτέλεσμα στο πρόγραμμα περιήγησης

Πώς να μεταβιβάσετε δεδομένα σε στοιχεία Laravel

Για να περάσετε δεδομένα στο στοιχείο Blade χρησιμοποιείται η ακόλουθη σύνταξη, καθορίζοντας την τιμή που σχετίζεται με την παράμετρο μέσα στο στοιχείο HTML:

<x-header message=”Utenti” />

Για παράδειγμα, χρησιμοποιήσαμε το προηγούμενο στοιχείο στο αρχείο users.blade.php.

Θα έπρεπε defiκαθαρίστε τα δεδομένα του στοιχείου στο αρχείο header.php. Όλα τα δημόσια δεδομένα μεταβλητής ήταν αυτόματα διαθέσιμα για την προβολή στοιχείων.

Προσθέστε τον κώδικα στο αρχείο header.php μέσα στον κατάλογο app/http/View/Components/ .

<?php

namespace App\View\Components;
use Illuminate\View\Component;

   class Header extends Component{

   /*** The alert type.** @var string*/

   public $title = "";

   public function __construct($message){

   $this->title = $message;

   }
}

Όπως μπορείτε να δείτε, η μέθοδος κατασκευής της κλάσης ορίζει τη μεταβλητή $title με την τιμή της παραμέτρου μεταβιβασμένη στο στοιχείο. Τώρα προσθέστε τη μεταβλητή $title στο αρχείο συστατικού header.blade.php για εμφάνιση προηγούμενων δεδομένων.

<div> <h1> {{$title}}'s Header Component </h1> </div>

Τώρα αυτά τα μεταδιδόμενα δεδομένα στοιχείου θα εμφανίζονται στο πρόγραμμα περιήγησης.

Ομοίως, μπορείτε να χρησιμοποιήσετε αυτό το στοιχείο σε μια άλλη σελίδα οπτικοποίησης με διαφορετικά δεδομένα, δημιουργώντας ένα άλλο αρχείο οπτικοποίησης blade contact.blade.php και προσθέστε παρακάτω τον κωδικό στοιχείου για να εμφανίσετε δεδομένα που έχουν περάσει.