表單按鈕?
開發(fā)一個應(yīng)用時,如果您希望重定向并且做一些其他操作時,不能使用簡單的鏈接。GET 請求很容易受到 csrf 攻擊。
相反,您應(yīng)該使用其他 http 請求方式,使用表單和 CSRF 驗證。 下面是一個在表單中生成按鈕的 FormButton 組件。
{{--?content?of?formButton.blade.php?--}}
您可以像這樣使用它:
//?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?--}}
這里是如何在 mailcoach.app 中使用它的。
?<nav> ????????<ul> ????????????<x-navigation-item> ????????????????<x-icon-label>subscribers()->count()????0"?/> ????????????</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)聲明
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載。
THE END