项目整体规划

经过一个大型项目实战，鹏哥设计通用的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给你感受一下。欢迎骚扰。