README

安装

此包设置非常简单。只需几个步骤。

Composer

通过Composer（文件 composer.json）引入此包。

{
    "require": {
        "websecret/panel": "dev-master"
    }
}

在终端中运行此命令。

composer update

服务提供者

将包添加到 config/app.php 文件中的应用程序服务提供者中。

'providers' => [
    Websecret\Panel\PanelServiceProvider::class,
    Spatie\Glide\GlideServiceProvider::class,
],

'aliases' => [
    'FormHelper' => Websecret\Panel\FormHelperFacade::class,
    'GlideImage' => Spatie\Glide\GlideImageFacade::class,
],

视图、资产、模型

将包的视图和资产发布到您的应用程序。在终端中运行以下命令。

php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=config
php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=migrations
php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=models
php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=commands
php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=views
php artisan vendor:publish --provider="Websecret\Panel\PanelServiceProvider" --tag=assets
php artisan vendor:publish --provider="Spatie\Glide\GlideServiceProvider"

使用--force覆盖文件

用法

Helpers.js

类

.js_panel_form-ajax - 表单将通过AJAX提交。您可以使用.js_panel_form-ajax-redirect在响应数据.link页面上进行重定向

.js_panel_delete - 在删除操作上附加提示（y/n）弹出窗口。您可以使用js_panel_delete-table-row或data-delete。默认删除父元素

.js_panel_input-date - 用于在输入上初始化 bootsrap datepicker

.js_panel_input-time - 用于在输入上初始化 bootstrap timicker

.js_panel_input-mask - 通过输入data-mask属性在输入上初始化掩码

.js_panel_input-phone - 与.js_panel_input-mask工作方式相同。掩码为 '+375 (99) 999-99-99'

.js_panel_input-chosen - 在选择框上使用它来初始化 chosen

.js_panel_input-select2 - 在选择框上使用它来初始化

.js_panel_input-redactor - 使用它来初始化 redactor.js wysiwyg

.js_panel_datatable - 使用它来初始化 Datatables。在thead th上使用data-datatable-order ('asc', 'desc', false) 设置列顺序。在thead th上使用data-datatable-search (true, false) 设置列搜索。

函数

showNotification(text, title, type)

事件

panel-form-ajax-submitted

panel-form-ajax-error

panel-form-ajax-success

panel-multiple-added

panel-multiple-removed

panel-addable-exists-click

Helpers.less

.td-actions - 设置行最小宽度并取消文本换行

.mb-5 - .mb-25 - 用于添加底部外边距