我代表團隊很高興地宣佈 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 上提出您的發現、錯誤和功能請求。 “流和組合任務設計器”、“作業”和“分析”選項卡將在即將釋出的里程碑版本中提供。

您是否曾想過編輯流、對流/任務資料管道進行版本控制、升級或回滾流/任務資料管道中的應用程式？一個新的、靈活的模型，用於補充 Spring Cloud Data Flow 中的持續交付故事，正在積極開發中。敬請關注下一個里程碑版本！

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