如何结合Livewire使用TCPDF实现PDF打印功能？

下面是基于你现有TCPDF代码，结合Livewire实现PDF导出的具体步骤：

1. 创建Livewire组件 #

首先生成一个Livewire组件，用于处理PDF导出逻辑：

php artisan make:livewire ExportPdf

2. 迁移并修正TCPDF代码到组件 #

将你的TCPDF逻辑迁移到Livewire组件的方法中，同时修正静态调用的错误，并适配Livewire的响应机制：

<?php

namespace App\Http\Livewire;

use Livewire\Component;
use App\Helpers\PDF; // 替换为你的PDF类实际命名空间
use Illuminate\Support\Facades\View;

class ExportPdf extends Component
{
    // 如果需要动态数据，可以在这里定义公共属性并加载
    // public $patients;

    // public function mount()
    // {
    //     $this->patients = // 加载你的患者数据
    // }

    public function exportToPdf()
    {
        $pdf = new PDF();
        
        // 传递动态数据到视图（如果需要）
        // $view = View::make('Cards.export_card', ['patients' => $this->patients]);
        $view = View::make('Cards.export_card');
        $html_content = $view->render();

        // 修正实例调用，避免静态方法错误
        $pdf->SetTitle('患者列表');
        $pdf->SetAuthor('SmartTB');
        $pdf->SetFont('helvetica', '', 10);
        $pdf->SetFontSize(10); // 无需加px，TCPDF默认单位为毫米
        $pdf->SetY(-15);
        $pdf->SetAutoPageBreak(true, PDF_MARGIN_BOTTOM);
        $pdf->SetMargins(10, 18, 8);
        $pdf->AddPage('L', 'A4');
        $pdf->PageNo();
        $pdf->writeHTML($html_content, true, false, true, false, '');

        // 通过streamDownload返回下载响应，适配Livewire
        return response()->streamDownload(function () use ($pdf) {
            echo $pdf->Output('', 'S'); // 'S'表示返回PDF字符串内容
        }, 'tb_patient_list_'.time().'.pdf');
    }

    public function render()
    {
        return view('livewire.export-pdf');
    }
}

3. 编写前端触发视图 #

在生成的resources/views/livewire/export-pdf.blade.php中添加触发按钮：

<button wire:click="exportToPdf" class="btn btn-primary">导出PDF</button>

4. 在页面中引入组件 #

在需要使用PDF导出功能的页面中引入该Livewire组件：

<livewire:export-pdf />

关键注意点 #

• 修正调用方式：原代码中使用$pdf::SetTitle这类静态调用是错误的，必须使用实例对象$pdf->SetTitle进行调用。
• 字体大小设置：SetFontSize只需传入数字，不需要加px单位，TCPDF内部使用毫米作为默认单位。
• 响应适配：Livewire中不能直接使用$pdf->Output('D')触发下载，需要用response()->streamDownload包裹，确保响应能正确返回给前端。
• 动态数据传递：如果导出的PDF需要动态数据，可以在Livewire组件的mount方法中加载数据，再传递给视图。

内容的提问来源于stack exchange，提问作者Sharifu