Laravel Yajra DataTables：优化关联数据查询与排序

本文深入探讨了在使用 laravel Yajra DataTables 处理 Eloquent 关联数据时遇到的排序失效和Action列ID错位问题。教程详细分析了 with 和 join 的差异，并提供了基于 leftJoin 和 addselect 的解决方案，确保关联字段的正确排序和Action列中主模型ID的准确获取，从而提升数据表的稳定性和功能性。

在使用 laravel 和 yajra datatables 构建动态数据表格时，处理模型间的关联数据（如一对多、多对一）并实现其排序功能，是一个常见的需求。然而，开发者常会遇到关联字段排序不生效或action列中id错位的问题。这通常是由于 yajra datatables 内部处理 eloquent with() 方法与直接 sql join 操作的差异所致。

理解问题根源

Laravel Eloquent 的 with() 方法用于实现“Eager Loading”，它会执行额外的查询来加载关联数据，通常是独立于主查询的。虽然这对于减少N+1查询问题很有帮助，但当 Yajra DataTables 尝试对一个通过 with() 加载的关联字段进行排序时，它可能无法直接将其映射到主查询的 SQL ORDER BY 子句中，因为该字段并未直接存在于主查询的 SELECT 列表中，也未通过 JOIN 操作将其引入。

例如，当您尝试使用以下代码：

public function query(Kabupaten $model) {     return Kabupaten::with('provinsi')->select('kabupaten.*','provinsi.provinsi'); }

并期望 provinsi.provinsi 字段能够排序时，Yajra DataTables 可能会报告 provinsi.provinsi 列不存在，因为 with() 并没有执行实际的 JOIN 操作来使 provinsi 表的字段直接可用于主查询的排序。

此外，Action 列中 $id 变量获取到 provinsi.id 而非 kabupaten.id 的问题，也通常与查询结果集中主键的来源不明确有关。当 select 语句不够精确，或者存在多个同名 id 字段时，Yajra DataTables 可能会错误地选取关联表的 id。

解决方案：使用显式 JOIN 和别名

解决上述问题的关键在于，让 Yajra DataTables 能够直接访问关联表的字段，并通过明确的别名来消除歧义。这可以通过在 query() 方法中显式地使用 SQL JOIN 操作来实现。

1. 修改 query() 方法

将 with() 方法替换为 leftJoin()，并使用 addSelect() 来选择所需的列，同时为关联表的字段设置别名。

// app/DataTables/KabupatenDataTable.php  use DB; // 确保引入 DB Facade，尽管这里直接使用 Eloquent Query Builder，但通常在复杂查询中可能会用到  class KabupatenDataTable extends DataTable {     /**      * Get query source of dataTable.      *      * @param AppModelsKabupaten $model      * @return IlluminateDatabaseEloquentBuilder      */     public function query(Kabupaten $model)     {            // 使用 leftJoin 将 provinsi 表连接到 kabupaten 表         // 并使用 addSelect 确保所有 kabupaten 字段被选中，         // 同时为 provinsi.provinsi 字段设置别名以便排序和显示         return Kabupaten::query()             ->leftJoin('provinsi', 'provinsi.id', '=', 'kabupaten.provinsi_id')             ->addSelect([                 'kabupaten.*', // 确保选中所有 kabupaten 表的字段，包括 kabupaten.id                 'provinsi.provinsi as provinsi_provinsi' // 为关联字段设置别名             ]);     } }

解释：

• leftJoin(‘provinsi’, ‘provinsi.id’, ‘=’, ‘kabupaten.provinsi_id’): 这会在数据库层面将 provinsi 表与 kabupaten 表连接起来，使得 provinsi 表的字段可以直接用于查询和排序。
• addSelect([‘kabupaten.*’, ‘provinsi.provinsi as provinsi_provinsi’]):
  • kabupaten.*：确保 kabupaten 表的所有原始字段（包括 id）都被选中。这对于 Action 列正确获取 kabupaten.id 至关重要。
  • provinsi.provinsi as provinsi_provinsi：为 provinsi 表的 provinsi 字段创建一个别名 provinsi_provinsi。这个别名将在 DataTables 的列定义中使用。

2. 修改 getcolumns() 方法

在 getColumns() 方法中，更新 Column::make() 的参数，使其与在 query() 方法中定义的别名匹配。更重要的是，需要使用 ->name(‘alias_name’) 方法明确指定 DataTables 应该使用哪个数据库列名进行排序。

// app/DataTables/KabupatenDataTable.php  class KabupatenDataTable extends DataTable {     /**      * Get columns.      *      * @return array      */     protected function getColumns()     {         return [             Column::make('DT_RowIndex')->title('序号')->orderable(false)->searchable(false),             // 使用别名 'provinsi_provinsi'，并明确指定 name() 用于排序             Column::make('provinsi_provinsi')->name('provinsi_provinsi')->title('省份名称'),             Column::make('status')->title('状态'),             Column::make('kabupaten')->title('县/市名称'),             Column::make('ketinggian')->title('海拔'),             Column::make('kordinat')                 ->exportable(false)                 ->printable(false)                 ->title('坐标'),             Column::computed('action')                 ->exportable(false)                 ->printable(false)                 ->title('操作'),         ];     } }

解释：

• Column::make(‘provinsi_provinsi’): 告诉 DataTables 视图层显示名为 provinsi_provinsi 的列。
• ->name(‘provinsi_provinsi’): 这是关键一步，它明确告诉 Yajra DataTables 在生成 SQL 排序语句时，应该使用数据库中的 provinsi_provinsi 列。如果没有这一步，DataTables 可能仍然尝试使用 provinsi.provinsi 进行排序，导致错误。

3. Action 列 $id 问题解决

通过上述 query() 方法的修改，尤其是 addSelect([‘kabupaten.*’, …])，我们确保了 kabupaten 表的所有原始字段（包括 kabupaten.id）都被精确地选中。当 Yajra DataTables 处理每一行数据并将其传递给 Action 列的 Blade 视图时，它会优先使用主模型的 id 字段作为 $id 变量。因此，Action 视图中的 $id 将正确地指向 kabupaten.id。

{{-- resources/views/kabupaten/action.blade.php --}}  <form id="delete_form" method="POST">      @csrf     @method('DELETE') </form> <a type="button" href="{{route('adm.kabupaten.show', ['id' => $id])}}" class="btn btn-just-icon btn-round btn-sm btn-info" data-toggle="tooltip" data-placement="bottom" title="详情">     <i class="fa fa-eye"></i> </a> <a href="{{route('adm.kabupaten.edit', ['id' => $id])}}" class="btn btn-just-icon btn-round btn-sm btn-primary" data-toggle="tooltip" data-placement="bottom" title="编辑">     <i class="fa fa-edit"></i> </a> <a href="#" data-url="{{ route('adm.kabupaten.destroy', $id) }}" class="btn btn-just-icon btn-round btn-sm btn-danger" onclick="return deleteConfirm(this);">     <i class="fa fa-trash"></i> </a>  <script> $(function() {     $('[data-toggle="tooltip"]').tooltip(); }) </script>

此处的 $id 将是 kabupaten.id。

注意事项与最佳实践

• 性能考量： 对于需要关联字段排序的场景，使用 JOIN 通常比 with() 更直接和高效，因为它避免了额外的查询开销，并允许数据库直接优化排序操作。
• leftJoin vs innerJoin： 根据业务需求选择合适的 JOIN 类型。leftJoin 会包含主表（kabupaten）的所有记录，即使它们没有匹配的关联记录。如果只需要有匹配关联记录的行，可以使用 join (等同于 innerJoin)。
• 字段冲突： 当主表和关联表有同名字段时（除了 id），务必使用别名来区分，例如 provinsi.name as provinsi_name。
• 明确 name() 方法： 再次强调，对于任何非直接模型属性的列（如通过 JOIN 引入的字段或计算列），都应在 Column::make() 后使用 ->name(‘database_column_name_or_alias’) 来明确指定用于排序的实际数据库列。
• 模型关联保持不变： 尽管在 DataTable 中使用了 JOIN，您的 Eloquent 模型中的 hasMany 和 belongsTo 关联定义（如 Provinsi 和 Kabupaten 模型中的定义）仍然是必要的，因为它们用于其他 Eloquent 操作和关系管理。

总结

通过在 Yajra DataTables 的 query()