Laravel 7中Blade组件有哪些

这篇文章主要介绍Laravel 7中Blade组件有哪些，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

表单按钮

开发一个应用时，如果您希望重定向并且做一些其他操作时，不能使用简单的链接。GET 请求很容易受到 CSRF 攻击。

相反，您应该使用其他 HTTP 请求方式，使用表单和 CSRF 验证。 下面是一个在表单中生成按钮的 FormButton 组件。

{{--contentofformButton.blade.php--}}
<formmethod="POST"action="{{$action}}">
@csrf
@method($method??'POST')
<button
type="submit"
class="{{$class??''}}"
>
{{$slot}}
</button>
</form>

您可以像这样使用它：

//performanaction
<x-form-button:action="route('doSomething')">
Dosomething
</x-form-button>
//performanactionwithanotherHTTPverb
<x-form-button:action="route('model.delete',$model)"method="delete">
Deletemodel
</x-form-button>

导航栏

几乎任何应用程序都需要显示某种导航，比如菜单和选项卡。这些导航链接是动态的，这样用户就可以知道自己在应用程序的哪个部分。

下面是可以展示链接的 navigationLink 组件。当其以当前请求的 URL 开始时，它会自动将自身设置为活动状态。

{{--contentofnavigationLink.blade.php--}}
<liclass="{{\Illuminate\Support\Str::startsWith(request()->url(),$href)?'active':''}}">
<ahref="{{$href}}"@isset($dataDirtyWarn)data-dirty-warn@endisset>
{{$slot}}
</a>
</li>

这里是如何在 mailcoach.app 中使用它的。

<navclass="tabs">
<ul>
<x-navigation-item:href="route('mailcoach.emailLists.subscribers',$emailList)">
<x-icon-labelicon="fa-users"text="Subscribers":count="$emailList->subscribers()->count()??0"/>
</x-navigation-item>
<x-navigation-item:href="route('mailcoach.emailLists.tags',$emailList)">
<x-icon-labelicon="fa-tag"text="Tags"/>
</x-navigation-item>
<x-navigation-item:href="route('mailcoach.emailLists.segments',$emailList)">
<x-icon-labelicon="fa-chart-pie"text="Segments"/>
</x-navigation-item>
<x-navigation-item:href="route('mailcoach.emailLists.settings',$emailList)">
<x-icon-labelicon="fa-cog"text="Settings"/>
</x-navigation-item>
</ul>
</nav>

这就是渲染的方法。

表单元素

Blade 组件会渲染出自适应的表单元素。我们来看一下 textField 组件在 Mailcoach 中的用法。

<divclass="form-row">
@if($label??null)
<labelclass="{{($required??false)?'labellabel-required':'label'}}"for="{{$name}}">
{{$label}}
</label>
@endif
@error($name)
<pclass="form-error"role="alert">{{$message}}</p>
@enderror
<input
autocomplete="off"
type="{{$type??'text'}}"
name="{{$name}}"
id="{{$name}}"
class="input"
placeholder="{{$placeholder??''}}"
value="{{old($name,$value??'')}}"
{{($required??false)?'required':''}}
>
</div>

正如你所看到的一样，它渲染了标签、表单字段和可能的错误。这就是它的用法。

<x-text-fieldlabel="Name"name="name"required/>

以上是“Laravel 7中Blade组件有哪些”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注恰卡编程网行业资讯频道！