項目整體規劃

經過一個大型項目實戰，鵬哥設計通用的Spring Batch Admin項目，項目分為三期，

• Phase 1: Spring Batch 和 Quartz 基本運行信息展示
• Phase 2: 報表信息和運行詳細信息展示
• Phase 3: 動態Job 配置支持(可以通過頁面組裝需要的Spring Batch的Job，而非編碼)

第一期UI 設計

第一期的UI已經基本劃好了，UI 包括4部分

• 首頁：展示整體批處理運行情況
• 運行數據：Job 運行情況
• 底層運行數據：Spring Batch / Quartz 框架的運行情況
• 配置頁面：定義觸發器和任務的頁面

頁面展示：

首頁：



運行時頁面



Quartz 運行頁面



Spring Batch 運行情況



定義觸發器頁面





定義任務頁面：





代碼結構

重點關注pages 下邊的文件夾，每一個對應的一個頁面，整體follow Ant Design Pro腳手架的結構。



說說感想：

之前說過 對於前端小白來說 Ant Design Pro開發頁面簡直可以用神速來形容，但是這隻能說是一切順利的情況，如果中間遇到什麼問題，基本進度要delay 一兩天。鵬哥再開發中遇到好幾個坑，也許在有經驗的前端看來一些都是順理成章的寫法，但是鵬哥卻琢磨了兩天，中間遇到了很多坑，後續鵬哥會專門文章介紹，不過還好，堅持的完成了一期的UI。後續會寫後端，這個已經是得心應手了，相信很快就完成了。等完成之後 我會把代碼放到gitHub上。如果想嚐鮮的朋友，鵬哥可以發前端源代碼zip給你感受一下。歡迎騷擾。