分享幾個 Laravel 7 中很酷的 Blade 組件

表單按鈕?

開發(fā)一個應(yīng)用時,如果您希望重定向并且做一些其他操作時,不能使用簡單的鏈接。GET 請求很容易受到 csrf 攻擊。

相反,您應(yīng)該使用其他 http 請求方式,使用表單和 CSRF 驗證。 下面是一個在表單中生成按鈕的 FormButton 組件。

{{--?content?of?formButton.blade.php?--}} 
????@csrf ????@method($method????‘POST’) ????????

您可以像這樣使用它:

//?perform?an?action <x-form-button> ???Do?something </x-form-button> //?perform?an?action?with?another?HTTP?verb <x-form-button> ???Delete?model </x-form-button>

導(dǎo)航欄?

幾乎任何應(yīng)用程序都需要顯示某種導(dǎo)航,比如菜單和選項卡。這些導(dǎo)航鏈接是動態(tài)的,這樣用戶就可以知道自己在應(yīng)用程序的哪個部分。

下面是可以展示鏈接的 navigationLink 組件。當(dāng)其以當(dāng)前請求的 URL 開始時,它會自動將自身設(shè)置為活動狀態(tài)。

{{--?content?of?navigationLink.blade.php?--}} 
  • url(),?$href)???‘active’?:?”??}}”> ???? ????????{{?$slot?}} ????
  • 這里是如何在 mailcoach.app 中使用它的。

    ?<nav> ????????<ul> ????????????<x-navigation-item> ????????????????<x-icon-label>subscribers()-&gt;count()????0"?/&gt; ????????????</x-icon-label></x-navigation-item> ????????????<x-navigation-item> ????????????????<x-icon-label></x-icon-label> ????????????</x-navigation-item> ????????????<x-navigation-item> ????????????????<x-icon-label></x-icon-label> ????????????</x-navigation-item> ????????????<x-navigation-item> ????????????????<x-icon-label></x-icon-label> ????????????</x-navigation-item> ????????</ul> ????</nav>

    這就是渲染的方法。

    表單元素?

    Blade 組件會渲染出自適應(yīng)的表單元素。我們來看一下 textField 組件在 Mailcoach 中的用法。

    <div> ????@if($label????null) ????<label> ????????{{?$label?}} ????</label> ????@endif ????@error($name) ????????<p>{{?$message?}}</p> ????@enderror ????<input> </div>

    正如你所看到的一樣,它渲染了標(biāo)簽、表單字段和可能的錯誤。這就是它的用法。

    <x-text-field></x-text-field>

    ? 版權(quán)聲明
    THE END
    喜歡就支持一下吧
    點贊11 分享