larapeak/inertiajs-data-tables

这是我创建的包 InertiajsDataTables

资助包维护!
larapeak

安装: 25

依赖: 0

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 0

开放问题: 0

语言:Vue

v0.1 2021-05-19 13:03 UTC

This package is auto-updated.

Last update: 2024-09-26 00:12:34 UTC


README

Larapeak

轻松在 Laravel 中创建数据表!

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

此包提供了一个特性,可以为您的模型生成数据表。它还提供了与 Inertiajs 一起使用的 Vue 组件。

安装

您可以通过 composer 安装此包

composer require larapeak/inertiajs-data-tables

您可以使用以下命令发布 Vue 组件

php artisan vendor:publish --provider="Larapeak\InertiajsDataTables\InertiajsDataTablesServiceProvider" --tag="assets"

Vue 组件将发布在

resources\js\Shared\DataTables

用法

您的 Eloquent 模型应使用 Larapeak\InertiajsDataTables\HasSorting 特性。

以下是实现该特性的示例

namespace App\Models;

use Larapeak\InertiajsDataTables\HasSorting;
use Illuminate\Database\Eloquent\Model;

class YourEloquentModel extends Model
{
    use HasSorting;

    public $sortables = [
        'field1', 'field2', 'field3'
    ]
}

在您的 Vue 页面上,您可以使用 DataTable 组件如下

<template>
    <data-table :tableData:"data" :tableFields="tablefields" :filters="filters" model="posts" slug></data-table>
</template>

<script>
    import DataTable from '@/Shared/DataTables/DataTable'
    
    export default {
        components: {
            DataTable,
        },
        
        props: {
            data: Array,
            filters: Object,
        },
        
        data() {
            return {
                tableFields: [
                    {
                        id: 'field1',
                        name: 'Field1',
                        type: 'text',
                    },
                    {
                        id: 'field2',
                        name: 'Field2',
                        type: 'text',
                    },
                    {
                        id: 'field3',
                        name: 'Field3',
                        type: 'text',
                    }
                ]
            }
        }
    }
</script>

测试

composer test

变更日志

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

贡献

请参阅 贡献指南 获取详细信息。

安全漏洞

请审查 我们的安全策略 了解如何报告安全漏洞。

致谢

许可证

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