artincms / laravel_gallery_system
官方 ArtinCMS.com Laravel 图库系统包
dev-master
2020-02-13 07:26 UTC
Requires
- artincms/laravel_comments_system: dev-master
- artincms/laravel_file_manager: dev-master
- artincms/laravel_likeable_system: dev-master
- artincms/laravel_morphable_manager: dev-master
- artincms/laravel_tagable: dev-master
- artincms/laravel_visitable: dev-master
- hashids/hashids: >=3.0
- yajra/laravel-datatables-oracle: >=9.0
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>