webplusmultimedia / filemanager
使用 alpinejs、Livewire 和 Tailwind CSS 构建的文件管理器来管理文件
V0.9.9
2023-03-22 11:00 UTC
Requires
- php: ^8.1
- illuminate/contracts: ^10.0
- livewire/livewire: ^2.12
- spatie/laravel-package-tools: ^1.14.0
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^7.9
- nunomaduro/larastan: ^2.0.1
- orchestra/testbench: ^8.0
- pestphp/pest: ^2.0
- pestphp/pest-plugin-arch: ^2.0
- pestphp/pest-plugin-faker: ^2.0
- pestphp/pest-plugin-laravel: ^2.0
- pestphp/pest-plugin-livewire: ^2.0
- phpstan/extension-installer: ^1.1
- phpstan/phpstan-deprecation-rules: ^1.0
- phpstan/phpstan-phpunit: ^1.0
README
想要管理你的文件和目录的文件管理器?
这款适合你。这是一个使用 alpineJs、Livewire 和 Tailwind CSS 为 Laravel 制作的文件管理器。
这是一个简单的文件管理器,只需将文件和目录添加到公共存储路径的根目录(默认为 medias)中。您可以在文件管理器配置文件中更改它。
安装
您可以通过 composer 安装此包
composer require webplusmultimedia/filemanager
您可以将配置文件发布并更改根目录,如果您想的话
php artisan vendor:publish --tag="filemanager-config"
这是已发布配置文件的内容
return [ 'root' => 'medias', ];
可选的,您可以发布视图,但不太推荐,因为未来更新可能会失败。
php artisan vendor:publish --tag="filemanager-views"
最后,您需要像这样编译您的资产,例如使用 FileManager
/* before @tailwind base in your resources/css/app.css */ @import "./vendor/webplusmultimedia/filemanager/resources/dist/css/filemanager.css"; @tailwind base;
/* in your resources/js/app.js */ import './vendor/webplusmultimedia/filemanager/resources/dist/js/filemanager'
/* put that line in content key on your tailwind.config.js */ content:[ '*** Others paths ***', './vendor/webplusmultimedia/filemanager/resources/dist/js/Components/**/*.js' ]
用法
在 blade 视图中进行简单使用
<div class="py-12"> <div class="max-w-7xl mx-auto sm:px-6 lg:px-8" aria-> <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg"> <div class="p-6 text-gray-900 "> <h1 class="text-2xl uppercase font-bold mb-6">{{ __("Téléversement de fichiers") }}</h1> <!-- the livewire component --> <livewire:filemanager/> </div> </div> </div> </div>
测试
composer test
变更日志
请参阅 CHANGELOG 了解最近更改的详细信息。
贡献
请参阅 CONTRIBUTING 了解详细信息。
安全漏洞
请审查 我们的安全策略 了解如何报告安全漏洞。
鸣谢
许可证
MIT 许可证 (MIT)。请参阅 许可证文件 了解更多信息。