Articles

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 Header

Bidh an àithne seo a’ cruthachadh dà fhaidhle sa phròiseact laravel agad:

  • faidhle PHP leis an ainm Header.php taobh a-staigh an eòlaire app/View/Components;
  • agus faidhle lann HTML leis an ainm header.blade.php taobh a-staigh an eòlaire resources/views/components/.

Faodaidh tu cuideachd co-phàirtean a chruthachadh ann am fo-eòlaire, leithid:

php artisan make:component Forms/Button

Cruthaichidh 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.

Leabhar-latha ùr-ghnàthachaidh
Na caill na naidheachdan as cudromaiche mu ùr-ghnàthachadh. Clàraich gus am faighinn air post-d.
<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 definish an dàta co-phàirteach 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

Leabhar-latha ùr-ghnàthachaidh
Na caill na naidheachdan as cudromaiche mu ùr-ghnàthachadh. Clàraich gus am faighinn air post-d.