webplusmultimedia/filemanager

使用 alpinejs、Livewire 和 Tailwind CSS 构建的文件管理器来管理文件

V0.9.9 2023-03-22 11:00 UTC

README

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

想要管理你的文件和目录的文件管理器?

这款适合你。这是一个使用 alpineJs、Livewire 和 Tailwind CSS 为 Laravel 制作的文件管理器。

这是一个简单的文件管理器,只需将文件和目录添加到公共存储路径的根目录(默认为 medias)中。您可以在文件管理器配置文件中更改它。

img.png

安装

您可以通过 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)。请参阅 许可证文件 了解更多信息。