laravel - Laravel - 从表单生成 PDF，还包括用户的签名

Question

我对我的水平有很大的挑战。

标题不言自明：使用 Laravel从表单生成 PDF，还包括用户签名。

My laravel and general php level is basic. 我知道如何在 laravel 上创建一个基本博客（就像所有关注 laracast 或类似内容的人一样），但这一个我觉得很难，因为我看到有很多来自不同地方的概念同时发生，我有很多差距知识。

知道哪些软件包是完成所有这些工作的最佳软件包，至少会很有帮助。我一直在尝试使用 DOMPDF 和https://github.com/szimek/signature_pad。但是我已经阅读了 DOMPDF 我不能使用活动表单......我还检查了 MPDF。

我主要需要的是一个视图，其中有一个表单，有一个签名板供用户在表单后签名，并且在提交后会生成一个pdf。

关于阅读、学习、关注什么的任何起点？

已经如何将脚本在 js 上的签名图像与表单数据混合起来对我来说似乎是最重要的。

我无法想象的是如何处理不同的控制器..

score 4 · Accepted Answer

承认你缺乏自己做这件事的知识。问这个问题并不羞耻，我想这也会让你的生活变得更轻松。

我的建议是将整个任务拆分为您能够处理的合适的子任务。在我看来是：

创建一个可以提交的绝对正常的 HTML 表单。
为此，您需要一个具有两种功能的控制器。一个函数将显示表单，另一个函数将在表单提交后处理提交的数据。
```
class MyFormController
{
    public function getForm()
    {
        return view('my.form');
    }

    public function postForm(Request $request)
    {
        // do something with the form data in $request
    }
}
```
我猜你知道如何组合一个合适的 HTML 表单。
使用提交的表单数据生成 PDF。
Laravel 的大多数 pdf 生成器包的工作方式是使用刀片模板视图。这对您来说实际上是非常有益的，因为您已经知道如何组合 HTML 视图！

因此，如果我们将其转换为基于barryvdh/laravel-dompdf包的代码，我们会得到如下内容：
```
public function postForm(Request $request)
{
    $pdf = PDF::loadView('my.pdf', [
        'name' => $request->input('name'),
        'address' => $request->input('address'),
        // ... and more data if you like
    ]);

    return $pdf->download('signed_form.pdf');
}
```
当然，我们还需要一个刀片模板。根据名称，它将具有路径和文件名resources/views/my/pdf.blade.php：
```
<table>
  <tr>
    <th>Name:</th>
    <td>{{ $name }}</td>
  </tr>
  <tr>
    <th>Address:</th>
    <td>{{ $address }}</td>
  </tr>
</table>
```
现在，由于我们确实生成了表单和 PDF，我们可以继续进行签名。
公平地说，到目前为止，我自己从未做过类似的事情。但是在快速搜索之后，我发现了 JavaScript 包szimek/signature_pad，它看起来非常有前途。我认为该设置是不言自明的，但这是我目前所理解的：
- <script src="...">将文档中给出的脚本标签 ( ) 添加到表单视图中。
- 将隐藏的输入字段添加到您的表单 ( <input type="hidden" name="sig" id="sig">)。
- 将<canvas>HTML 元素添加到表单视图。给它一个标识符：<canvas id="signature">.
- 添加另一个脚本标记，但自定义 JavaScript 代码低于您已添加的代码。像这样的东西：
```
<script type="text/javascript">
    var canvas = document.getElementById('signature');
    var signaturePad = new SignaturePad(canvas);

    function onFormSubmit()
    {
        document.getElementById('sig').value = signaturePad.toDataURL();
    }
</script>
```
- 您现在还必须添加onsubmit="onFormSubmit()"到您的<form ...>标签。该脚本的作用是首先初始化签名板，然后将隐藏输入字段的值设置为签名板的内容。
- 您要做的最后一件事是将提交的sig值添加到用于生成 pdf 的视图中。在视图本身中，您必须sig在新的图像元素中使用提交的数据：<img src="{{ $sig }}">

如果你幸运的话，我刚刚写的所有东西（没有任何测试）都是开箱即用的。如果没有，您至少应该知道实现目标的步骤是什么。

顺便说一句，您当然可以使所有视图看起来很花哨。但请注意，PDF 无法像 HTML 那样显示尽可能多的信息。因此，当您将视图转换为 pdf 时，您肯定会在某些时候丢失信息和样式。

laravel - Laravel - 从表单生成 PDF，还包括用户的签名

1 回答 1

Related

Reference