makhweb / blade-x-loader
通过类似SPA的动态页面加载和AJAX加速您的应用程序 🚀 (Laravel, Blade)
dev-master
2020-09-08 04:11 UTC
Requires (Dev)
- fzaninotto/faker: ^1.9@dev
- illuminate/support: ^5.8@dev
- mockery/mockery: ^1.0@dev
- orchestra/database: ^3.8@dev
- orchestra/testbench: ^3.8@dev
- phpunit/phpunit: ^7.4@dev || ^8.0
This package is auto-updated.
Last update: 2024-09-26 22:35:31 UTC
README
演示
网站: 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)。有关更多信息,请参阅 许可证文件