README

描述

使用此可重用和可定制的包，高效创建和自定义标准数据表，适用于spice工厂项目。

功能

• 标准数据表创建：轻松生成一致且格式良好的数据表，适用于我们项目中的各种应用。
• 灵活定制：根据项目的品牌或特定需求定制表格的视觉风格，确保无缝集成和一致的开发体验。

好处

• 促进代码重用和效率：通过在多个项目中利用标准化的数据表解决方案来节省时间和精力。
• 增强数据展示和可读性：通过清晰、有序的表格来提高数据可视化和分析。
• 保持一致性：确保不同项目界面之间具有统一的外观和感觉，培养专业且精致的用户体验。
• 适应特定需求：根据品牌指南或项目特定要求定制表格样式，展示多功能性和适应性。

安装

• 在 composer.json 中 require "spice-factory-ph/spice-datatable": "dev-main"

• 安装 Laravel DataTables Vite npm i laravel-datatables-vite --save-dev

• 安装完成后，我们可以在 app.js 中配置应用所需的脚本和CSS。

import 'laravel-datatables-vite';

用法

创建新的数据表

sail artisan make:spice-datatable {model} --buttons=a

在控制器类的 index 方法中渲染数据表

 /**
     * Display a listing of the resource.
     *
     * @param  {ModelName}DataTable  $dataTable
     * @return View|JsonResponse
     */
    public function index({ModelName}DataTable $dataTable): View|JsonResponse
    {
        return $dataTable->render('{modelname}.index');
    }

更新 views/{model}/index.blade.php 以适应项目布局。

添加脚本。

@push('scripts')
        {{ $dataTable->scripts(attributes: ['type' => 'module']) }}
@endpush

自定义CSS

• 尽管此包旨在与Bootstrap无缝工作，但您可以根据特定需求定制单个数据表元素的样式。要实现此定制，请按照以下步骤操作

1. 发布可定制的CSS文件 sail artisan vendor:publish
2. 选择提供商 Spicefactoryph\SpiceDatatable\Providers\DatatableServiceProvider
3. 现在您可以在 public\spicedatatable\styles\app.scss 中添加自定义样式。

关系列

分享你的想法！！！

• 与其他开发者或首席工程师分享你的反馈和经验。
• 协作增强包的功能，为spice工厂项目创建更多多功能的数据表解决方案。

让我们一起让你的数据管理更上一层楼！ ️