README

Laravel DataTables UI 预设，用于设置大多数由 DataTables 驱动的项目所需的脚本和 CSS。

安装

您可以通过 composer 安装此包

composer require yajra/laravel-datatables-ui

使用

安装完包后，您可以使用 ui Artisan 命令安装前端脚手架

// Generate basic scaffolding...
php artisan ui dt

// Generate login / registration scaffolding...
php artisan ui dt --auth

与 DataTables Editor 一起使用

如果您有许可证并想使用 Editor，您需要设置以下内容

在 bootstrap.js 中启用编辑器库

require('datatables.net-editor-bs4');

在 app.js 中使用 laravel-datatables-assets 包代替 buttons.server-side.js 脚本。

//require('./vendor/buttons.server-side');
require('laravel-datatables-assets/js/dataTables.buttons');

在 package.json 中添加 postinstall 脚本

    "scripts": {
        "dev": "npm run development",
        ...,
        "postinstall": "node ./node_modules/datatables.net-editor/install.js ./Editor.zip"
    },

下载您的 Editor 库 JS + CSS 文件副本，并将其保存为 Editor.zip。
将 Editor.zip 移动到您的项目基本目录。
运行 npm install && npm run dev 以编译更改。

Blade 指令 @dataTable

要使用 @dataTable blade 指令，您需要在布局文件中设置以下内容。

在您的布局中包含 app.css。
在您的布局中包含 app.js。
在 app.js 脚本包含后添加 @stack('scripts')。

示例布局 & 页面

resources/views/layouts/app.php

<!DOCTYPE html>
<html>
<head>
    <title>Laravel</title>
    <link rel="stylesheet" href="{{ mix('css/app.css') }}">
</head>
<body>
    @yield('content')

    <script src="{{ mix('js/app.js') }}"></script>
    @stack('scripts')
</body>
</html>

创建您的 dataTables 类。有关详细信息，请参阅 https://yajrabox.com/docs/laravel-datatables/master/buttons-starter。

在您的视图中

@extends('layouts.app')

@section('content')
@dataTable
@endsection

变更日志

请参阅 CHANGELOG 以获取有关最近更改的更多信息。

贡献

请参阅 CONTRIBUTING 以获取详细信息。

安全性

如果您发现任何安全相关的问题，请通过电子邮件 aqangeles@gmail.com 而不是使用问题跟踪器。

致谢

许可证

MIT 许可证 (MIT)。有关更多信息，请参阅许可证文件。

yajra / laravel-datatables-ui

维护者

详细信息

README

安装

使用

与 DataTables Editor 一起使用

Blade 指令 @dataTable

示例布局 & 页面

变更日志

贡献

安全性

致谢

许可证