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

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

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

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

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

SeaTable 目前有两种方式进行嵌入, 都是经过把连接放入iframe 标签中进行实现,而这两种方式有一些细微的差异,如今分别进行介绍:加密

方式一: 经过外链的 URL 进行嵌入

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

此时能够在 Workspace 工做区或者具体表格页面,经过“共享“来生成“外部连接“。code


△共享入口资源


△共享入口开发

打开“共享“页面以后, 点击“外部连接“, 用户能够根据本身须要来添加密码、过时时间,或者自定义 URL 等, 或能够直接点击“生成连接“, 此时下面会出现一个外部连接条目:get

点解“<>“连接, 进入嵌入页面的预览页,包括电脑端和手机端的预览效果。此时头部出现一段 iframe 标签的代码, 复制该代码到你自有的应用中,便可完成嵌入。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 也能帮助开发者进行数据对接,其嵌入的功能也能够帮助不懂开发不会写代码的人,把业务需求扩展到本身的应用中, 真正达到一张表格,多种应用的目的。