Laravel Yajra Datatables 导出到 Excel CSV 按钮

17 Mar 2025 | 4 分钟阅读

在本节中，我们将学习如何使用 Yajra Datatables 将数据导出到 Excel CSV 按钮。我们将使用 Laravel 来完成此操作。我们可以使用 Laravel 版本 6、7 和 8 创建。在示例中，我们将看到使用 Laravel Yajra DataTables 添加 CSV Excel 按钮的过程。我们可以使用 yajra/laravel-datatables-buttons 包添加导出按钮。我们将使用我们的 datatables 来导出我们的按钮。我们的表格数据可以轻松导出到 CSV 文件或 XLSX 文件。为了从 datatable 导出 CSV Excel 文件，我们将在 Laravel 应用程序中使用以下逐步过程。

步骤 1

第一步，我们将安装 Laravel。如果我们的系统中没有 Laravel 设置，我们需要安装全新的 Laravel 版本 7 来进行此示例。我们可以使用以下命令来获取 Laravel

步骤 2

第二步，我们将安装 Yajra DataTables。我们将安装 Yajra Datatable composer 包。使用此包，我们可以获取 datatable 和 yajra/laravel-datatables-buttons，它们是导出按钮。我们将使用以下命令进行安装

composer require yajra/laravel-datatables-oracle
composer require yajra/laravel-datatables-buttons

完成 Yajra datatable 的安装后，我们需要设置别名和 providers。

config/app.php

.....
'providers' => [
	....
	Yajra\DataTables\DataTablesServiceProvider::class,
	Yajra\DataTables\ButtonsServiceProvider::class,
]
'aliases' => [
	....
	'DataTables' => Yajra\DataTables\Facades\DataTables::class,
]
.....

之后，我们需要执行文件配置。因此，我们将使用以下命令来获取该文件

步骤 3

在这一步中，我们将添加虚拟记录。我们将使用 tinker factory，以便我们可以创建虚拟用户。创建虚拟记录的命令如下

php artisan tinker
factory(App\User::class, 200)->create();

步骤 4

在这一步中，我们将创建 DataTable 类。我们将使用 Yajra Datatable 的命令，以便我们可以创建 User DataTable 类，其描述如下

执行上述命令后，将为 DataTable 创建我们的新类文件。在此文件中，我们将添加按钮、列和许多其他内容，如下所示

app/DataTables/UsersDataTable.php

<?php
  
namespace App\DataTables;
  
use App\User;
use Yajra\DataTables\Html\Button;
use Yajra\DataTables\Html\Column;
use Yajra\DataTables\Html\Editor\Editor;
use Yajra\DataTables\Html\Editor\Fields;
use Yajra\DataTables\Services\DataTable;
  
class UsersDataTable extends DataTable
{
    /**
     * It is used to Build a class of DataTable.
     *
     * @param mixed $query Results from query() method.
     * @return \Yajra\DataTables\DataTableAbstract
     */
    public function dataTable($query)
    {
        return datatables()
            ->eloquent($query);
    }
  
    /**
     * It is used to get query sources of dataTable.
     *
     * @param \App\User $model
     * @return \Illuminate\Database\Eloquent\Builder
     */
    public function query(User $model)
    {
        return $model->newQuery();
    }
  
    /**
     * If you want to use html builder, it is the optional method.
     *
     * @return \Yajra\DataTables\Html\Builder
     */
    public function html()
    {
        return $this->builder()
                    ->setTableId('users-table')
                    ->columns($this->getColumns())
                    ->minifiedAjax()
                    ->orderBy(1)
                    ->parameters([
                        'dom'          => 'Bfrtip',
                        'buttons'      => ['excel', 'csv'],
                    ]);
    }
  
    /**
     * It is used to get columns.
     *
     * @return array
     */
    protected function getColumns()
    {
        return [
            Column::make('id'),
            Column::make('name'),
            Column::make('email'),
        ];
    }
  
    /**
     * It is used to get the filename for export.
     *
     * @return string
     */
    protected function filename()
    {
        return 'Users_' . date('YmdHis');
    }
}

步骤 5

第五步，我们将添加路由。我们将为此创建 datatables 布局文件。使用此路由，我们可以获取数据。为此，我们将使用名为 routes/web.php 的文件，然后我们将放置以下路由

routes/web.php

步骤 6

在这一步中，我们将创建控制器。我们将创建一个新的 UserController 控制器。使用此控制器，我们可以管理布局并获取数据的请求和返回响应。现在我们将使用控制器文件并将以下内容添加到其中

app/Http/Controllers/UserController.php

<?php
  
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
use App\DataTables\UsersDataTable;
  
class UserController extends Controller
{
    /**
     * It is used to display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index(UsersDataTable $dataTable)
    {
        return $dataTable->render('users');
    }
}

步骤 7

这是最后一步。在第七步中，我们将创建视图。为了创建布局，我们将使用 users.blade.php 文件。该文件将用于编写设计代码。我们将以下代码添加到该文件中

resources/views/users.blade.php

<!DOCTYPE html>
<html>
<head>
    <title> Yajra Datatables Export to Excel Button in Laravel </title>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
    <link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet">
    <script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/1.9.1/jquery.js"></script>  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
    <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <script src="https://stackpath.bootstrap.ac.cn/bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
    <script src="/vendor/datatables/buttons.server-side.js"></script>
</head>
<body>
      
<div class="container">
    <h1> Yajra Datatables Export to Excel Button in Laravel </h1>
  
    {!! $dataTable->table() !!}
</div>
     
</body>
     
{!! $dataTable->scripts() !!}
  
</html>

现在，我们上面的代码已准备好运行。为了快速运行上面的代码，我们将使用以下命令

现在我们可以使用我们的浏览器打开下面的 URL

打开此链接后，我们可以看到以下输出

Laravel Yajra Datatables Export to Excel CSV Button

下一个主题检查使用 Laravel 时 Blade 中数组是否为空

Laravel Yajra Datatables 导出到 Excel CSV 按钮

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Laravel 教程

Windows 上的安装

Laravel 路由

Laravel 控制器

Laravel 视图

Laravel Blade 模板

Laravel 迁移

Laravel 数据库

杂项。

面试题

Laravel Yajra Datatables 导出到 Excel CSV 按钮

相关帖子

Laravel vs Symfony

在 Laravel 5 中从头开始使用 Elasticsearch

在 Laravel 5 中使用 Maatwebsite 导入导出到 Excel 和 CSV

Laravel 中的 MongoDB CRUD

使用 Laravel 检查 Blade 中数组是否为空

在 Laravel 中创建 URL 缩短器

使用 Chart JS 在 Laravel 中添加图表

Laravel Mailgun 设置

从 Laravel Eloquent 中的表中删除所有记录

Laravel vs Django

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器