makhweb/blade-x-loader

通过类似SPA的动态页面加载和AJAX加速您的应用程序 🚀 (Laravel, Blade)

dev-master 2020-09-08 04:11 UTC

This package is auto-updated.

Last update: 2024-09-26 22:35:31 UTC


README

Software License Latest Stable Version Total Downloads

演示

网站: https://blade-x-loader.herokuapp.com

源代码: https://github.com/makhweb/blade-x-loader-demo

安装

您可以通过Composer安装此包

composer require makhweb/blade-x-loader

应该使用此命令发布资源

php artisan vendor:publish --provider="Makhweb\BladeXLoader\BladeXLoaderServiceProvider" --tag="publishable"

用法

当您的blade组件扩展其他布局时,您应该使用 fromLayout([layout]) 函数。

@extends(fromLayout('main'))

还需要包含包的资源。例如 (layout.blade.php)

@include('blade-x-loader::assets')

您必须创建一个带有标识 id 属性的元素,其中包可以将html从请求中放入

<div id="app">
 // HTML
</div>

最后,您需要添加属性

<a href="{{ route('home') }}" ajaxable>Home</a>

可选地,可以使用以下命令发布配置文件

php artisan vendor:publish --provider="Makhweb\BladeXLoader\BladeXLoaderServiceProvider" --tag="config"

缓存

您只需要将 cache-for="[seconds]" 属性添加到标签中

<a href="{{ route('home) }}" ajaxable cache-for="60">Home</a>

所有数据都将存储在 localStorage 中。

Blade指令

@ajax

显示请求是ajax时

@ajax
 <p>This is an ajax request<p>
@endajax

当您需要检查请求 不是ajax 时,您可以使用 @notAjax blade指令。

贡献

有关详细信息,请参阅 CONTRIBUTING

安全

如果您发现任何安全相关的问题,请通过电子邮件 eldorbekmakhkamov@gmail.com 而不是使用问题跟踪器。

许可证

MIT许可证(MIT)。有关更多信息,请参阅 许可证文件