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 也能幫助開發者進行數據對接，其嵌入的功能也能夠幫助不懂開發不會寫代碼的人，把業務需求擴展到本身的應用中， 真正達到一張表格，多種應用的目的。