webelightdev/laravel-slider

通过UI配置滑块

v1.1.0 2018-02-05 05:09 UTC

This package is not auto-updated.

Last update: 2024-09-15 04:26:32 UTC


README

使用Laravel实现的图片滑块

演示

new1 1

预览

new2 1

以下是配置图片滑块的步骤:

步骤 1:Laravel滑块插件需要以下组件才能正确运行

Intervention Image

步骤 2:使用composer复制vendor

composer require webelightdev/laravel-slider dev-master


Or, you may manually update require block and run `composer update`

"require": {
   
    "webelightdev/laravel-slider": "dev-master"
}

'composer update' will be required.

步骤 3:一旦安装了Laravel滑块,您需要在config/app.php中注册服务提供者。在providers列表中添加以下内容:

'providers' => [
 // ...
    Webelightdev\LaravelSlider\ImageSliderServiceProvider::class,
 // ...

]

步骤 4:要发布配置、迁移、服务提供者和外观,请运行

php artisan vendor:publish

步骤 5:最后,运行迁移以生成表

php artisan migrate

步骤 6:此包需要认证登录,如果您没有认证登录,请运行

php artisan make:auth
php artisan migrate

步骤 7:在您的blade文件中添加以下链接以加载CSS和JavaScript

   <script src="{{ asset('vendor/assets/js/custome.js') }}"></script>
   <link href="{{ asset('vendor/assets/css/custome.css') }}" rel="stylesheet">

您可以通过以下方式查看Laravel滑块:

localhost/yourapp/slider