puppeteer实现表单自动化 自定义表单开发

自定义表单模块，用于收集访问前端的用户的信息。 自定义表单能够用于创建用户交互界面，用户提交的信息保存在Orchard站点中，能够随时导出。

打开 Custom Forms 模块

Custom Forms模块使用Content Type ，会在前端显示一个交互界面。提交的信息能够保存下来，通过Import-Export-Module模块可以导出数据。让我们在模块管理页面，启用Custom Forms 模块

Create a New Content Type

为了自定义表单能够获取、保存用户的邮件地址，我们需要创建一个新的Content Type。在Dashboard页面，点击Content Definition菜单项，单击"Create new type"。让我们将新的Content Type命名为'Subscribe Form'。

下一个页面，我们可以选择在这个Content Type中包含的Parts。在本例中，我们都不选择，直接点击保存。现在，我们就有一个新的Content Type了。我们将在里面添加一个文本框字段，用于用户输入邮件地址。

在新增了输入字段以后，我们可以通过选择字段的类别，来自定义字段的验证方式。.

现在，我们做好了创建一个新的小工具的准备。我们启用了Custom Forms 模块，然后创建了一个新的content type (Subscribe Form) 。现在，让我们来创建小工具

创建一个自定义表单小工具

在Dashboard页面中，选择Widgets 菜单项，点击AsideSecond 块右边的add按钮， 添加 Custom Forms 小工具

你只需要将Content Type选为我们上面定义的Subscribe Form就可以了

 

单击保存，我们在前端页面就可以看到我们自定义的页面了。

注意：: 如果不显示编辑人，请在定义Content Type的时候，不要勾选 'Show editor for owner' 

浏览自定义表单提交的数据

在上一步新增小工具的时候，我们勾选 'Save the item once the form is submitted' ，用户提交的数据就会保存下来。那我们的数据是保存在了什么地方呢？

我们可以在Dashboard页面，点击Content菜单项，在Show下拉框中，选择Subscribe Form，就可以查看用户提交的数据了。

导出数据

在Orchard中导出数据，有一个简单的方法，就是启用Import/Export模块。Import/Export模块在 Orchard 1.6以上的版本中已经内置，但是没有启用。现在，让我们启用它

我们会发现，在Dashboard界面的菜单栏中，多了一个Import/Export 菜单项。选择'Export' 标签页，会显示出Orchard里面所有的有效的Content Type。勾选Subscribe Form，用于导入用户提交的邮件地址。在页面的最下面，还有一些选项， Metadata, 导出的数据中，将包含Content Type的定义。使用它，能够很容易的将Content Type和它下面的数据导入到另一个Orchard站点。

导出的文件是一个XML文件，可以在MS Excel中打开。现在，你的站点能够收集用户邮件地址，然后导出用户提出的数据。 自定义表单是一个很好的方式，来创建和用户的交互页面，收集需要的信息。