artincms/laravel_gallery_system

官方 ArtinCMS.com Laravel 图库系统包

dev-master 2020-02-13 07:26 UTC

This package is auto-updated.

Last update: 2024-09-13 17:40:42 UTC


README

laravel gallery manager 是一个用于管理的 Laravel 包

  • 管理图库
  • 管理滑块

要求

  • PHP >= 7.0
  • Laravel 5.5|5.6

安装

快速安装

composer require artincms/laravel_gallery_system
vendor publish
    @php artisan lgs:install --force --full
此命令安装所有必需的包,如果您想安装完整要求,您应该输入 '--full' 以重写您的 vendor,您应该输入 '--force' 以手动安装此包,您应该以下结构。首先发布以下包
php artisan vendor:publish --provider="ArtinCMS\LGS\LGSServiceProvider" --force
php artisan vendor:publish --provider="ArtinCMS\LFM\LFMServiceProvider" --force
php artisan vendor:publish --provider="ArtinCMS\LCS\LCSServiceProvider" --force
php artisan vendor:publish --provider="ArtinCMS\LLS\LLSServiceProvider" --force
php artisan vendor:publish --provider="ArtinCMS\LVS\LVSServiceProvider" --force
php artisan vendor:publish --provider="ArtinCMS\LMM\LMMServiceProvider" --force

并确保以下种子在您的项目中运行

 php artisan db:seed --class="ArtinCMS\LFM\Database\Seeds\FilemanagerTableSeeder"
 php artisan db:seed --class="ArtinCMS\LGS\Database\Seeds\LmmMorphableTableSeeder"

用法

要使用此包,您应该在项目的任何地方使用以下辅助函数,例如在控制器中。此辅助函数是

创建 HTML 模态来在后台显示图库管理器

        LGS_CreateModalGalleryManager()
      

创建 HTML iframe 以在后台显示滑块管理器

            LGS_CreateModalSliderManager()
          

在前端显示图库

要显示图库,我们使用 Vue.js。您可以创建以下页面

浏览器

<script src="{{ asset('vendor/laravel_gallery_system/components/gallery.min.js') }}" defer></script>
.
.
.
.

  <div id="lgs_gallery">
        <laravel_gallery_system :gallery_id='0' :lang_id='1' :rtl=true :jalali_data=true></laravel_gallery_system>
    </div>

首先,您应该创建一个 JS 文件来加载 Vue 并定义以下组件 div

window.Vue = require('vue');
Vue.component('laravel_gallery_system', require('./components/laravel_gallery_system/gallery/laravel_gallery_system.vue'));
window.onload = function () {
    const gallery = new Vue({
        el: '#lgs_gallery',
    });
}

如果您不想开发图库组件,您可以使用 'public/vendor/laravel_gallery_system/components/gallery.min.js' 中的示例 JS 文件并在页面上使用它。在您创建 JS 文件(无论是您创建的还是使用示例 JS 文件)之后,您应该将组件元素放在以下页面中

   <div id="lgs_gallery">
         <laravel_gallery_system :gallery_id='0' :lang_id='1' :rtl=true></laravel_gallery_system>
     </div>

属性

其他我的 Vue.js 插件