头图

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

SeaTable开发者版
English

随着业务的不断发展,应用的开发也变得多种多样。为了帮助企业节省开发人力和资源成本,作为可读性强,操作简便的轻量型数据库,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 也能帮助开发者进行数据对接,其嵌入的功能也可以帮助不懂开发不会写代码的人,把业务需求扩展到自己的应用中, 真正达到一张表格,多种应用的目的。

阅读 863

SeaTable开发者版
SeaTable 开发者版是一款面向开发者的协同表格和低代码平台,可私有部署,没有 API 调用限制,其他功能...
128 声望
2.8k 粉丝
0 条评论
你知道吗?

128 声望
2.8k 粉丝
宣传栏