本文旨在解决 laravel 应用中，从表单获取动态日期范围（start_date 和 end_date）并将其正确传递给独立打印路由的问题。通过将“打印”按钮改造为表单提交类型，并在控制器中判断是哪个提交按钮被点击，我们能够确保动态日期参数在用户点击打印时被正确捕获和处理，避免了直接使用链接导致参数丢失的常见问题。
在开发 Web 应用时，经常需要从用户界面收集动态数据（例如日期范围、筛选条件等），然后将这些数据传递给不同的后端逻辑进行处理，如查询、导出或打印。一个常见的挑战是，当用户在表单中选择日期并点击“打印”按钮时，如果“打印”按钮是一个普通的 标签，并且其 href 属性没有动态填充这些日期，那么后端将无法获取到正确的日期参数。本文将详细介绍如何在 Laravel 8 应用中优雅地解决这一问题。
问题分析：直接链接传递动态参数的局限性
在原始代码中，"Print" 按钮被实现为一个带有 route() 辅助函数的 标签：
<a href="{{ route('cetak_stok',['start_date'=>" ????",'end_date'=>"????"],) }}" target="_blank" class="btn btn-primary"><i class="fas fa-print"></i> Print</a>这里的 ???? 占位符表明开发者希望动态地将 start_date 和 end_date 填充到链接中。然而，在不使用 JavaScript 的情况下，HTML 自身无法在用户输入日期后自动更新 标签的 href 属性。这意味着当用户点击这个链接时，start_date 和 end_date 参数将为空或未定义，导致打印功能无法获取到正确的日期范围。
解决方案：利用表单提交传递动态参数
解决此问题的核心思想是，将“打印”操作视为表单的另一种提交方式，而不是一个独立的链接。这样，表单中的所有输入字段（包括 start_date 和 end_date）都会在提交时一并发送到服务器。
1. 修改视图层 (Blade Template)
我们需要将“打印”按钮从 标签改为 type="submit" 的
修改前的按钮组:
<div class="container text-center">
<button type="submit" class="btn btn-success"><i class="fas fa-search"></i> Cari</button>
<a href="{{ route('cetak_stok',['start_date'=>" ????",'end_date'=>"????"],) }}" target="_blank" class="btn btn-primary"><i class="fas fa-print"></i> Print</a>
<a href="/laporanstok" class="btn btn-danger"><i class="fas fa-sync-alt"></i> Reset</a>
</div>修改后的按钮组:
<div class="container text-center">
<!-- "Cari" (Search) 按钮保持不变，用于提交表单进行查询 -->
<button type="submit" name="action" value="search" class="btn btn-success"><i class="fas fa-search"></i> Cari</button>
<!-- "Print" 按钮改为 type="submit"，并添加 name 和 value 属性 -->
<button type="submit" name="action" value="print" class="btn btn-primary" formtarget="_blank"><i class="fas fa-print"></i> Print</button>
<!-- "Reset" 按钮保持不变 -->
<a href="/laporanstok" class="btn btn-danger"><i class="fas fa-sync-alt"></i> Reset</a>
</div>注意点：
- 我们将两个提交按钮的 name 属性都设置为 action，并通过 value 属性来区分它们。这是更推荐的做法，因为它在请求中只会发送一个 action 参数，其值为被点击按钮的 value。
- 为“Print”按钮添加 formtarget="_blank" 属性，可以使其在提交表单后，将响应在新标签页中打开，这对于打印预览非常有用。
- 确保这些按钮都在
2. 修改控制器层 (Controller)
在控制器中，我们需要检查哪个提交按钮被点击了。Laravel 的 Request 对象提供了便捷的方法来判断请求中是否存在某个参数。
修改前的控制器 print 方法:
public function print(Request $request)
{
$data = [
'title' => 'Cetak Stok',
'judul' => 'Halaman Cetak Stok',
'start_date' => $request->start_date,
'end_date' => $request->end_date,
];
return view('/content/laporan_stok/v_cetak_laporan_stok', $data);
}修改后的控制器方法 (以 LaporanStokController 为例):
假设您的表单 action 指向的是一个处理表单提交的方法，例如 viewLaporanStok。我们可以将打印逻辑合并到该方法中，或者创建一个新的通用处理方法。为了保持与原问题中 print 方法的关联，我们假设 print 方法现在是表单提交的目标。
use Illuminate\Http\Request;
use App\Models\M_Laporan_Stok; // 确保引入您的模型
class LaporanStokController extends Controller
{
// ... 其他方法
public function handleLaporanStok(Request $request)
{
$startDate = $request->input('start_date');
$endDate = $request->input('end_date');
if ($request->has('action') && $request->input('action') === 'print') {
// 如果是“打印”按钮被点击
$data = [
'title' => 'Cetak Stok',
'judul' => 'Halaman Cetak Stok',
'start_date' => $startDate,
'end_date' => $endDate,
// ... 其他可能需要的数据
];
// 这里可以执行打印相关的逻辑，例如从数据库获取数据
// $stokItems = M_Laporan_Stok::whereBetween('created_at', [$startDate, $endDate])->get();
// $data['stokItems'] = $stokItems;
return view('content.laporan_stok.v_cetak_laporan_stok', $data);
} elseif ($request->has('action') && $request->input('action') === 'search') {
// 如果是“查询”按钮被点击
// 执行查询逻辑，并返回到查询结果页面
$data = [
'title' => 'Laporan Stok',
'judul' => 'Halaman Laporan Stok',
'start_date' => $startDate,
'end_date' => $endDate,
// ... 根据日期范围查询数据
];
// $stokResults = M_Laporan_Stok::whereBetween('created_at', [$startDate, $endDate])->get();
// $data['results'] = $stokResults;
return view('content.laporan_stok.v_laporan_stok_results', $data); // 假设这是显示查询结果的视图
} else {
// 默认情况或首次加载页面
// 可以重定向或返回默认视图
return view('content.laporan_stok.v_laporan_stok_form');
}
}
}注意点：
- 使用 $request->input('param_name') 或 $request->param_name 来获取表单提交的参数。
- 使用 $request->has('action') 和 $request->input('action') === 'print' 来判断是哪个按钮触发了提交。
- 在实际应用中，您可能需要根据 start_date 和 end_date 从数据库中查询相关数据，然后将其传递给视图。
3. 路由配置 (Route)
由于现在“打印”和“查询”都通过同一个表单提交，我们可以将表单的 action 指向一个处理所有提交的路由。
原始路由:
Route::get('/laporanstok/cetak', [LaporanStokController::class, 'print'])->name('cetak_stok');
Route::get('/laporanstok/viewlaporanstok', [LaporanStokController::class, 'viewlaporanstok'])->name('view_laporan_stok'); // 假设这是查询路由修改后的路由 (示例):
假设表单的 action 属性指向 /laporanstok/process。
use App\Http\Controllers\LaporanStokController;
// 处理表单提交的路由，可以是GET或POST，取决于您的表单method
Route::get('/laporanstok/process', [LaporanStokController::class, 'handleLaporanStok'])->name('process_laporan_stok');
// 如果您需要一个初始页面来显示表单
Route::get('/laporanstok', [LaporanStokController::class, 'showForm'])->name('laporanstok_form');确保您的表单 action 属性指向这个新的处理路由：
<form action="{{ route('process_laporan_stok') }}" method="get">
<!-- ... 省略日期输入框和其他内容 ... -->
</form>总结
通过将“打印”按钮从 标签转换为带有 type="submit" 和 name 属性的
