我代表團隊很高興宣佈 Spring Cloud Data Flow 1.3.0 的第一個里程碑版本釋出。

本地伺服器：入門指南。

可用性是我們團隊的一大重點，在 1.3 釋出版本中，我們致力於透過升級客戶端技術棧、改進工具和文件來現代化 Dashboard。重點在於提高可讀性、使用者體驗和整體效能。

Angular 4

Spring Cloud Data Flow 的第一個里程碑版本包含了新的基於 Angular 4 的 Dashboard UI 的初始版本。舊的基於 AngularJS 1.x 的 UI，特別是其工具和次要框架/庫的選擇，已經開始顯現老態。

因此，我們決定現代化整個技術棧，並利用 Angular 4 提供的一切。此外，我們正在使 Dashboard 的樣式與 Pivotal UI 對齊。

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

熟悉 Spring (Web) 的開發者將會欣賞 TypeScript 的型別支援、對類和介面的支援，以及 Angular 4 對 TypeScript decorators（可以看作是註解）和基於建構函式的依賴注入的使用。

在基礎層面，我們使用 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 測試，並確保 Dashboard 在所有現代瀏覽器上都能正常工作。

狀態管理

新 Dashboard 的一個主要重點是始終如一地使用合適的領域模型類。在舊的 UI 中，我們基本上是直接將返回的 JSON 資料傳遞到 UI 模板程式碼中，這使得難以維護正確的狀態。透過定義良好的領域模型和有狀態服務，我們現在對應用程式的狀態有了更細粒度的控制，例如，從分頁列表過渡到詳細資訊頁面再返回時。

快取清除

在舊的 Dashboard 版本中，我們依賴 RequireJS 提供模組支援。但這破壞了 AngularJS 1.x 的生產打包，導致了快取清除問題。我們現在透過 Angular CLI（底層使用 Webpack）進行適當的生產打包，這會向生成的檔案新增用於快取清除的雜湊值。

未來展望？

儘管我們已經完成了“關於”、“應用”、“執行時”、“流”和“任務”等選項卡的重構和移植，但我們非常期待您的反饋。請隨時在 GitHub 上提交您發現的問題、錯誤和功能請求。 “流和組合任務設計器”、“作業”和“分析”選項卡將在即將到來的里程碑版本中提供。

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

反饋很重要。如有問題或功能請求，請透過 StackOverflow 和 GitHub 聯絡我們。我們也歡迎貢獻！對改進 Spring Cloud Data Flow 生態系統的任何幫助都表示感謝。