我目前正在進行一個勞動力管理項目，其中的關鍵要求之一是確保即使用戶的設備暫時離線也可以訪問某些功能（例如打卡）。雖然這種情況很少見，但我希望透過根據需要啟用額外的離線功能來確保應用程式面向未來。

使用案例：

• 後端： Java 與 Spring Boot
• 前端： Thymeleaf 與 HTMX（或可能的 Vaadin Flow）
• 關鍵要求： 能夠快取 POST 請求並在離線時導航到快取頁面。

我正在考慮的技術：

1. 帶有 Thymeleaf 和 HTMX 的 Spring Boot： 我的首選堆疊。我喜歡使用 TDD 進行構建，這種組合非常符合我的經驗。我已經使用 service-worker.js 建立了一個小演示項目來快取和重新發送 POST 請求。我不確定這是否是將來繼續添加離線功能的最佳選擇。

2. Vaadin Flow： 我對 Vaadin Flow 很感興趣，因為它非常注重完全用 Java 建立業務應用程式。但是，我擔心它支援離線功能的能力，因為它會動態更新視圖。據我了解，這將使得無法快取整個頁面以供離線查看。我知道 Hilla，但我需要在 Typescript 中建立所有視圖，在我看來，這違背了使用 Vaadin 的目的。

3. PWA Starter： 我研究了PWA Starter，但它似乎專注於用Angular 或React 等語言創建單頁應用程序(SPA)，這不符合我的偏好留在Spring Boot 生態系中。

4. Quarkus 或 JHipster： 我也考慮過 Quarkus 和 JHipster，但 JHipster 通常使用 Angular 或 Vue 作為前端，看來我對此不是很感興趣。我正在尋找以獲得更接近 Java 全端方法的東西。 Quarkus好像主打微服務？

問題：

1. 在 Java 和 Spring Boot 應用程式中整合 PWA 功能（特別是離線功能）的最佳實踐或框架/工具是什麼？例如，也許有一個可以幫助服務人員的工具？
2. 有沒有辦法透過離線快取有效地使用 Vaadin Flow，或者我應該堅持使用 Thymeleaf 和 HTMX 以更好地控制 Service Worker？
3. 您是否建議在 Spring Boot 和 Thymeleaf 設定中實作 Service Worker 的任何特定資源、函式庫或模式？

考慮到我傾向於留在 Java 生態系統中並避免添加重要的新前端技術，我正在尋求有關如何解決此問題的建議。我確信還有很多問題我沒有考慮過。任何見解或建議將不勝感激！

回顧我嘗試過的事情

• 我透過寫自己的 Service Worker 建構了一個示範。很好，但我不確定我能走多遠。
• 我嘗試了 Vaadin Flow，但後來意識到任何離線功能都需要 Typescript 和 Hilla。
• 我開始關注 FlutterFlow，但這似乎是針對用戶設備離線的這種邊緣情況做出的重大設計決策。