SeaTable 技巧 | 嵌入表格到已有的应用

随着业务的不断发展，应用的开发也变得多种多样。为了帮助企业节省开发人力和资源成本，作为可读性强，操作简便的轻量型数据库，SeaTable 能够以低代码甚至无代码的形式，把表格内容嵌入到各种各样的应用当

• FAQ（常见问题解答）
• 产品宣传
• 客户关系管理
• 工作任务发布等等

这部分内容和应用的主要业务关系并不大， 然而在企业管理或者在产品推广中却起着很重要的作用。如果把这部分内容单独拿出来开发，不仅需要投入大量的时间成本、开发成本以及软件更新和运营成本，而且在此过程中也可能造成产量的下滑以及客户的流失，得不偿失。因此，那些扩展性的，点对点的业务需求就可以利用 SeaTable 来实现。只需要维护一张表格， 然后把该表格的链接嵌入到自己的应用中就可以展现出来。以零成本的开发投入实现指定模块相应的功能。

以 Seafile 英文官网为例，我们把产品发布路线图直接嵌入到官网中。

SeaTable 目前有两种方式进行嵌入， 都是通过把链接放入iframe 标签中进行实现，而这两种方式有一些细微的差别，现在分别进行介绍：

方式一： 通过外链的 URL 进行嵌入

该方式可以通过表格的只读权限，把内容公开到自由的应用以及网站中， 适用于FAQ、产品发布宣传、服务介绍等等。

此时可以在 Workspace 工作区或者具体表格页面，通过“共享“来生成“外部链接“。

△共享入口

△共享入口

打开“共享“页面之后， 点击“外部链接“， 用户可以根据自己需要来添加密码、过期时间，或者自定义 URL 等， 或可以直接点击“生成链接“， 此时下面会出现一个外部链接条目：

点解“<>“链接， 进入嵌入页面的预览页，包括电脑端和手机端的预览效果。此时头部出现一段 iframe 标签的代码， 复制该代码到你自有的应用中，即可完成嵌入。

方式二：通过表格的 URL 进行嵌入

该方式可以直接嵌入 SeaTable 的原生表格， 此时用户需要在嵌入页面进行登录和查看表格的内容， 同时也可以对表格内容进行编辑和修改。适用于非公开场合，如企业内部员工信息整理、下发任务、销售记录等等。

通过表格的详情页面查看 URL：

用上述的 URL 替代方式一中 iframe 标签中的 src 属性，即可完成嵌入：

<iframe className="dtable-embed" src="http://127.0.0.1:8000/workspace/70/dtable/SeaTable%20FAQ/?tid=0000&vid=0000" frameBorder="0" width="100%" height="667" style="background: transparent; border: 1px solid #ccc;">
</iframe>

此时由于不是对外公开的链接， 因此需要用户登录才能查看表格的内容，效果如下：

开发者版配置

如果你使用的是 SeaTable 开发者版，若要顺利的进行表格嵌入，需要在 dtable_web_settings.py 的文件中添加如下设置：

SESSION_COOKIE_SAMESITE = None
SESSION_COOKIE_SECURE = True
CSRF_COOKIE_SAMESITE = None
CSRF_COOKIE_SECURE = True

总结

SeaTable 不仅自身拥有强大的表格、计算、统计、图表等系统功能，来帮助用户提高业务以及工作的效率， 它丰富的 API 也能帮助开发者进行数据对接，其嵌入的功能也可以帮助不懂开发不会写代码的人，把业务需求扩展到自己的应用中， 真正达到一张表格，多种应用的目的。