ಲಾರಾವೆಲ್ ಘಟಕಗಳು ಯಾವುವು ಮತ್ತು ಅವುಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು

ಲಾರಾವೆಲ್ ಘಟಕಗಳು ಸುಧಾರಿತ ವೈಶಿಷ್ಟ್ಯವಾಗಿದೆ, ಇದನ್ನು ಲಾರಾವೆಲ್‌ನ ಏಳನೇ ಆವೃತ್ತಿಯಿಂದ ಸೇರಿಸಲಾಗುತ್ತದೆ. ಈ ಲೇಖನದಲ್ಲಿ ನಾವು ಕಾಂಪೊನೆಂಟ್ ಎಂದರೇನು, ಅದನ್ನು ಹೇಗೆ ರಚಿಸುವುದು, ಬ್ಲೇಡ್ ಮಾದರಿಯಲ್ಲಿ ಘಟಕಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಮತ್ತು ಪ್ಯಾರಾಮೀಟರ್‌ಗಳನ್ನು ಹಾದುಹೋಗುವ ಮೂಲಕ ಘಟಕವನ್ನು ಹೇಗೆ ಪ್ಯಾರಾಮೀಟರ್ ಮಾಡುವುದು ಎಂಬುದನ್ನು ನಾವು ನೋಡಲಿದ್ದೇವೆ.

ಲಾರಾವೆಲ್ ಕಾಂಪೊನೆಂಟ್ ಎಂದರೇನು?

ಒಂದು ಘಟಕವು ನಾವು ಯಾವುದೇ ಟೆಂಪ್ಲೇಟ್ ಬ್ಲೇಡ್‌ನಲ್ಲಿ ಮರುಬಳಕೆ ಮಾಡಬಹುದಾದ ಕೋಡ್‌ನ ತುಣುಕು. ಇದು ವಿಭಾಗಗಳು, ಲೇಔಟ್‌ಗಳು ಮತ್ತು ಒಳಗೊಂಡಿರುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ನಾವು ಪ್ರತಿ ಟೆಂಪ್ಲೇಟ್‌ಗೆ ಒಂದೇ ಹೆಡರ್ ಅನ್ನು ಬಳಸುತ್ತೇವೆ, ಆದ್ದರಿಂದ ನಾವು ಶಿರೋಲೇಖ ಘಟಕವನ್ನು ರಚಿಸಬಹುದು, ಅದನ್ನು ನಾವು ಮರುಬಳಕೆ ಮಾಡಬಹುದು.

ಉತ್ತಮ ತಿಳುವಳಿಕೆಗಾಗಿ ಕಾಂಪೊನೆಂಟ್‌ಗಳ ಇನ್ನೊಂದು ಬಳಕೆಯೆಂದರೆ ನೀವು ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಹೆಡರ್, ಅಡಿಟಿಪ್ಪಣಿ ಅಥವಾ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಬೇರೆಲ್ಲಿಯಾದರೂ ರಿಜಿಸ್ಟರ್ ಬಟನ್ ಅನ್ನು ಬಳಸಬೇಕಾಗುತ್ತದೆ. ನಂತರ ಆ ಬಟನ್ ಕೋಡ್‌ನ ಘಟಕವನ್ನು ರಚಿಸಿ ಮತ್ತು ಅದನ್ನು ಮರುಬಳಕೆ ಮಾಡಿ.

Laravel ನಲ್ಲಿ ಘಟಕಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು

ಉದಾಹರಣೆಗೆ, ಒಂದು ಘಟಕವನ್ನು ರಚಿಸೋಣ Header ಜೊತೆಗೆ'Artisan:

php artisan make:component Header

ಈ ಆಜ್ಞೆಯು ನಿಮ್ಮ ಲಾರಾವೆಲ್ ಯೋಜನೆಯಲ್ಲಿ ಎರಡು ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸುತ್ತದೆ:

ಹೆಸರಿನೊಂದಿಗೆ PHP ಫೈಲ್ Header.php ಡೈರೆಕ್ಟರಿ ಒಳಗೆ app/http/View/Components;
ಮತ್ತು ಹೆಸರಿನೊಂದಿಗೆ HTML ಬ್ಲೇಡ್ ಫೈಲ್ header.blade.php ಡೈರೆಕ್ಟರಿ ಒಳಗೆ resources/views/components/.

ನೀವು ಉಪ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಘಟಕಗಳನ್ನು ಸಹ ರಚಿಸಬಹುದು, ಉದಾಹರಣೆಗೆ:

php artisan make:component Forms/Button

ಈ ಆಜ್ಞೆಯು ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಬಟನ್ ಘಟಕವನ್ನು ರಚಿಸುತ್ತದೆ App\View\Components\Forms ಮತ್ತು ಬ್ಲೇಡ್ ಫೈಲ್ ಅನ್ನು ಸಂಪನ್ಮೂಲಗಳು/ವೀಕ್ಷಣೆಗಳು/ಘಟಕಗಳು/ಫಾರ್ಮ್‌ಗಳ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ.

HTML ಬ್ಲೇಡ್ ಫೈಲ್‌ನಲ್ಲಿ ಘಟಕವನ್ನು ರೆಂಡರಿಂಗ್ ಮಾಡಲು, ನಾವು ಈ ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು ಬಳಸುತ್ತೇವೆ:

ಲಾರಾವೆಲ್ ಘಟಕಗಳ ಉದಾಹರಣೆ

ಮೊದಲು ನಾವು ಫೈಲ್‌ಗೆ ಕೆಲವು HTML ಕೋಡ್ ಅನ್ನು ಸೇರಿಸುತ್ತೇವೆ header.blade.php ಘಟಕದ.

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

ಈಗ ವೀಕ್ಷಣೆ ಫೈಲ್ ಅನ್ನು ರಚಿಸಿ users.blade.php ಸ್ವತ್ತುಗಳ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ, ನಾವು ಹೆಡರ್ ಘಟಕವನ್ನು ಬಳಸಬಹುದು.

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

ಈಗ, ವ್ಯವಸ್ಥೆಯ ಮೂಲಕ ರೂಟಿಂಗ್ ಲಾರಾವೆಲ್, ನಾವು ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಫಲಿತಾಂಶವನ್ನು ಪ್ರದರ್ಶಿಸಲು ಬ್ಲೇಡ್ ಅನ್ನು ಕರೆಯುತ್ತೇವೆ

Laravel ಘಟಕಗಳಿಗೆ ಡೇಟಾವನ್ನು ರವಾನಿಸುವುದು ಹೇಗೆ

ಘಟಕಕ್ಕೆ ಡೇಟಾವನ್ನು ರವಾನಿಸಲು Blade ಕೆಳಗಿನ ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ, ಅಂಶದೊಳಗಿನ ನಿಯತಾಂಕಕ್ಕೆ ಸಂಬಂಧಿಸಿದ ಮೌಲ್ಯವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ HTML:

<x-header message=”Utenti” />

ಉದಾಹರಣೆಗೆ, ನಾವು user.blade.php ಫೈಲ್‌ನಲ್ಲಿ ಹಿಂದಿನ ಘಟಕವನ್ನು ಬಳಸಿದ್ದೇವೆ.

ನೀವು ಮಾಡಬೇಕು defiheader.php ಫೈಲ್‌ನಲ್ಲಿನ ಘಟಕ ಡೇಟಾವನ್ನು ನಿಶ್ ಮಾಡಿ. ಘಟಕ ವೀಕ್ಷಣೆಗಾಗಿ ಎಲ್ಲಾ ಸಾರ್ವಜನಿಕ ವೇರಿಯಬಲ್ ಡೇಟಾ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಲಭ್ಯವಿರುತ್ತದೆ.

ಫೈಲ್‌ನಲ್ಲಿ ಕೋಡ್ ಸೇರಿಸಿ app/http/View/Components/ ಡೈರೆಕ್ಟರಿ ಒಳಗೆ header.php .

<?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 ಮತ್ತು ಪಾಸ್ ಮಾಡಿದ ಡೇಟಾವನ್ನು ತೋರಿಸಲು ಕೆಳಗಿನ ಘಟಕ ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಿ.