我謹代表團隊宣布 Spring Cloud Data Flow 1.3.0 的第一個里程碑版本發布。

本地伺服器：入門指南。

易用性是我們團隊的重點之一，在 1.3 版本系列中，我們的目標是透過升級的客戶端技術堆疊、改良的工具和文件，使儀表板現代化。重點是改善可讀性、使用者體驗和整體效能。

Angular 4

此 Spring Cloud Data Flow 的第一個里程碑版本發布包含基於新的 Angular 4 的儀表板 UI 的初始版本。舊的基於 AngularJS 1.x 的 UI，尤其是工具和次要框架/函式庫的選擇，開始顯得過時。

因此，我們決定將整個堆疊現代化，並利用 Angular 4 提供的功能。此外，我們正在使儀表板的樣式與 Pivotal UI 對齊。

一個主要的改進是使用了 TypeScript，它是 JavaScript 的超集。結合 Angular 4，TypeScript 非常適合 Spring 開發人員，並減少了伺服器端和客戶端程式碼之間的摩擦。

熟悉 Spring (Web) 的開發人員將會欣賞 TypeScript 的類型支援、其對類別和介面的支援，以及 Angular 4 對 TypeScript 裝飾器（可視為註解）和基於建構子的依賴注入的使用。

在基礎層面上，我們使用 Angular CLI 來建置和管理專案，這大幅減少了基礎架構的樣板程式碼。在這方面，Angular CLI 將 Spring Boot 的一些風格注入到您的客戶端開發流程中。

更完善的文件

作為 UI 現代化流程的一部分，我們也希望提供更完善的文件。在 M2 版本發布時，我們應該使用 JSDoc 達到近 100% 的文件覆蓋率。然後，我們使用 Compodoc 作為工具來分析和建立最終文件。最終，每個 CI 建置都將產生原始碼文件並將其推送至

http://cloud.spring.io/spring-cloud-dataflow-ui/

測試覆蓋率

繼承其他 Spring Cloud 專案的腳步，我們正在使用 Codecov 來追蹤 Spring Cloud Data Flow UI 的單元測試覆蓋率。程式碼覆蓋率報告的連結可以在這裡找到。Spring Cloud Data Flow UI 專案的 README 提供了一個圖示，顯示目前的覆蓋率以及目前覆蓋率報告的連結。

這仍在開發中，因此預計覆蓋率數字在 M2 版本發布時會大幅增加。此外，我們計劃在下一個里程碑版本發布時加入全面的 E2E 測試，並確保儀表板在所有現代瀏覽器上都能運作。

狀態管理

新儀表板的一個主要重點是一致地使用適當的網域模型類別。在舊的 UI 中，我們基本上會將傳回的 JSON 資料直接傳遞到 UI 範本程式碼中，這使得維護適當的狀態變得棘手。透過明確定義的網域模型和有狀態的服務，我們現在可以更精細地控制應用程式的狀態，例如從分頁列表過渡到詳細資訊頁面以及返回時。

快取失效

在舊的儀表板版本中，我們依賴 RequireJS 來支援模組。然而，這破壞了 AngularJS 1.x 的生產環境捆綁，導致快取失效問題。我們現在透過 Angular CLI（底層是 Webpack）使用適當的生產環境捆綁，這會將快取失效雜湊新增至產生的檔案。

接下來有什麼？

雖然我們已經完成了「關於」、「應用程式」、「執行階段」、「串流」和「任務」標籤的重構和移植，但我們非常期待您的回饋。歡迎隨時開啟 GitHub issue，提供您的發現、錯誤和功能請求。「串流和複合任務設計器」、「作業」和「分析」標籤將在即將發布的里程碑版本中提供。

是否曾經想過編輯串流、版本化串流/任務資料管線、升級或回滾串流/任務資料管線中的應用程式？一個新的且靈活的模型正在積極開發中，以補充 Spring Cloud Data Flow 中的持續交付故事。敬請關注並期待下一個里程碑版本的發布！

回饋非常重要。如有問題和功能請求，請透過 StackOverflow 和 GitHub 與我們聯繫。我們也歡迎貢獻！任何有助於改進 Spring Cloud Data Flow 生態系統 的幫助都將不勝感激。