网页设计与制作案例（案例）

在工作中，你还在把表格的信息挨个复制到 Word，形成页面文件再打印吗？如果有上千条信息和多个字段，出错率和办公效率就会可想而知。那如果在表格上就能把行信息灵活地设计成页面，并且能一键打印当前页面或由所有行信息自动生成的所有页面，还能自动命名并下载全部PDF，那可真是太给力了！而 SeaTable 表格就提供了这么好用的免费功能，切切实实地提高了我们团队的办公效率和自动化水平。

比如在这个案例中，我就用 SeaTable 表格来记录考生信息，用它的“页面设计”插件把表中的行记录的考生信息设计成准考证页面，并一键打印出了所有考生的准考证页面。而且还能用数据类型中的“按钮”，把准考证 PDF 一键保存到表中的列，并自动命名和下载。简单实用，一看就会。来看分享。

用表格记录考生信息

首先来看案例表格，它记录了考生的姓名、身份证号、照片等字段信息，一行就是一条记录。这些字段大部分用了表格的“文本”类型，照片则用了“图片”类型。当然，它还有文件、按钮、创建时间等更多高级类型，可以帮我们用表格来规范又便捷地管理各类信息，这要比传统表格方便多了。如下图：

丰富的数据类型

用“页面设计”设计并打印所有准考证

这个表格提供了丰富的插件，能满足很多应用，从“插件”里可以一键添加。如下图：

添加“页面设计”插件

现在我们就用“页面设计”插件把表中的行记录的考生信息设计成准考证页面。打开插件后就可以新建页面，选择在哪个子表的哪个视图上设计，然后就可以进去编辑了。

在页面上可以自由设计，有静态文本、静态图片，然后拖动表格字段到页面，就可以自动填入行记录的文本、数字、图片等字段信息。并且有字体、大小、对齐、颜色、复制、锁定等细致的功能，可以满足个性化设计，编辑完后点击“完成”就可以成功保存当前页面了。演示如下：

设计页面

保存页面后，点击“打印”按钮，可以打印由当前行记录生成的页面，也可以打印由视图中所有行记录自动生成的对应页面。此时，我们就快速完成了设计页面并打印所有页面。演示如下：

打印页面

用“按钮”自动命名并保存页面PDF到列

如果还想把准考证页面用考生的姓名、准考证号等来自动命名，并一键全部下载为 PDF，那就可以用数据类型中的“按钮”来实现，它支持多个动作，其中就包括“将页面设计 PDF 保存到列”。

那么在表格中就增加一个“文件”类型列，用来保存页面 PDF；增加一个“按钮”类型列，选择“将页面设计 PDF 保存到列”，在其设置里可用 {列名} 来自动命名 PDF 文件名（比如用{姓名}-{准考证号}来命名）。然后点击单元格的按钮就可以自动将页面 PDF 保存到文件列了。最后在“文件”列的功能里，点击“下载全部”即可。演示如下：

保存页面PDF到列并下载全部

自动打包下载，解压后如下图：

自动命名的PDF文件

总结

在本案例中，把表中一行的考生信息设计成准考证页面，并一键打印出由所有行自动生成的所有准考证页面，这用“页面设计”就快速完成了；在此基础上，用“按钮”就可以把“页面设计”中每个考生的准考证 PDF 自动命名并保存到表中的“文件”列，然后一键下载全部即可。以前可能用几个软件花很长时间才能完成的工作，现在用一个 SeaTable 表格就搞定了，操作简单又方便。除此之外，你也可以用其他丰富的功能来灵活搭建信息管理系统。

推荐阅读

资源 | 用 SeaTable 表格的页面设计插件制作的常见文件、合同模板

教程 | 用 SeaTable 自动从模板生成合同，轻松实现办公自动化

案例 | 记录和管理团队工作计划，用 SeaTable 表格更简单方便

了解更多，可访问：SeaTable - 新一代在线协同表格和信息管理系统