Dè a th’ ann an co-phàirtean Laravel agus mar a chleachdas tu iad
Tha co-phàirtean Laravel nam feart adhartach, a tha air a chur ris leis an t-seachdamh dreach de laravel.
Anns an aiste seo, bidh sinn a 'faicinn dè a th' anns a 'phàirt, mar a chruthaicheas tu e, mar a chleachdas tu na co-phàirtean anns a' mhodail lann agus mar a nì sinn paramadair air a 'phàirt le bhith a' dol seachad air crìochan.
Ùine leughaidh tuairmseach: 4 minuti
Dè a th 'ann an co-phàirt Laravel?
Is e pìos còd a th’ ann am pàirt as urrainn dhuinn ath-chleachdadh ann an teamplaid sam bith lann. Tha e rudeigin mar earrannan, cruth, agus a’ toirt a-steach. Mar eisimpleir, bidh sinn a’ cleachdadh an aon cheann-cinn airson gach teamplaid, gus an urrainn dhuinn co-phàirt Header a chruthachadh, as urrainn dhuinn ath-chleachdadh.
Is e cleachdadh eile de cho-phàirtean airson tuigse nas fheàrr a bhith mar gum feum thu putan clàraidh a chleachdadh air an làrach-lìn ann an iomadh àite leithid bann-cinn, bonn-coise no àite sam bith eile air an làrach-lìn. Mar sin cruthaich pàirt den chòd putan sin agus ath-chleachdadh e.
Mar a chruthaicheas tu co-phàirtean ann an Laravel
Mar eisimpleir, cruthaichidh sinn co-phàirt Header Leis an 'Artisan:
php artisan make:component HeaderBidh an àithne seo a’ cruthachadh dà fhaidhle sa phròiseact laravel agad:
- faidhle PHP leis an ainm
Header.phptaobh a-staigh an eòlaireapp/View/Components; - agus faidhle lann HTML leis an ainm
header.blade.phptaobh a-staigh an eòlaireresources/views/components/.
Faodaidh tu cuideachd co-phàirtean a chruthachadh ann am fo-eòlaire, leithid:
php artisan make:component Forms/ButtonCruthaichidh an àithne seo pàirt putan san eòlaire App\View\Components\Forms agus am faidhle lann thèid a chuir anns an eòlaire ghoireasan / seallaidhean / co-phàirtean / foirmean.
Airson am pàirt san fhaidhle a thoirt seachad lann HTML, cleachdaidh sinn an co-chòrdadh seo:
Eisimpleir de cho-phàirtean Laravel
An toiseach cuiridh sinn còd HTML a-steach don fhaidhle header.blade.php den cho-phàirt.
<div><h1> Header Component </h1></div>a-nis cruthaich faidhle seallaidh users.blade.php anns a’ phasgan so-mhaoin, far an urrainn dhuinn am pàirt cinn a chleachdadh.
<x-header /><h1>User Page</h1>a-nis, tron t-siostam de chùrsa de laravel, canaidh sinn an lann gus an toradh a thaisbeanadh sa bhrobhsair
Mar a bheir thu seachad dàta gu pàirtean Laravel
Gus dàta a thoirt don cho-phàirt Blade tha an co-chòrdadh a leanas air a chleachdadh, a 'sònrachadh an luach co-cheangailte ris a' pharamadair taobh a-staigh an eileamaid HTML:
<x-header message=”Utenti” />Mar eisimpleir, chleachd sinn am pàirt roimhe anns an fhaidhle users.blade.php.
Bu chòir dhut an dàta co-phàirteach a mhìneachadh anns an fhaidhle header.php. Bha a h-uile dàta caochlaideach poblach ri fhaighinn gu fèin-ghluasadach airson sealladh na co-phàirt.
Cuir an còd san fhaidhle header.php taobh a-staigh an aplacaid/View/Components/ directory .
<?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;
}
}Mar a chì thu, tha modh constructor a’ chlas a’ suidheachadh an caochlaideach $title le luach paramadair air a thoirt don phàirt. A-nis cuir ris an caochlaideach $title ann am faidhle na co-phàirt header.blade.php gus dàta a chaidh seachad a shealltainn.
<div> <h1> {{$title}}'s Header Component </h1> </div>A-nis thèid an dàta co-phàirteach tar-chuir seo a thaisbeanadh sa bhrobhsair.
San aon dòigh, faodaidh tu am pàirt seo a chleachdadh air duilleag fradharc eile le dàta eadar-dhealaichte, le bhith a’ cruthachadh faidhle seallaidh eile blade contact.blade.php agus cuir ris a’ chòd co-phàirteach gu h-ìosal gus dàta a chaidh seachad a shealltainn.
<x-header message=”Contact Us” />Anns a 'phàirt, uaireannan feumaidh tu buadhan HTML a bharrachd a shònrachadh, leithid ainm clas CSS, faodaidh tu a chur ris gu dìreach.
<x-header class=”styleDiv” />Leughaidhean Co-cheangailte
Ercole Palmeri
