基于Ant Design Pro 的 Spring Batch Admin - UI

朋友，我是来还债的，我答应你们的Spring Batch Admin，你是不是已经忘记了？ 但是鹏哥没有忘。因为鹏哥女儿才几个月，所以每天要先哄完女儿睡觉才能抽出来时间做一点，基本上实现一两个功能点，差不对都到两点了，有时候遇到难题，一天都不一定能实现一个，所以开发的有点慢。再加上现在女儿不能睡整觉，后半夜又要起来哄女儿睡觉，所以基本每天的真正睡眠时间基本都在4个小时左右，而且还是断断续续的。导致最近鹏哥的精神状态不太好，不过还好终于做出来的。也算对承诺的一个交代。
这个状态又让我找到了前几年的激情，每天为了自己喜欢的事情或者承诺开心的工作到两点，早上又早起精神慢慢的上班。每天叫你睡觉的不是身体，而是责任，因为你需要活着，每天叫你起床的不是闹铃，而是义务，因为你有理想。

项目概述

前端框架：

前端整体使用Ant Design Pro，里面用到的技术是dua+umi 实现后端请求，react+antd 实现组件，当然ant design pro 提供了更高层次的聚合--区块(block)，一个区块就是一个模块模板，这种模板式编程对前端小白来说非常友好。

前端地址：https://github.com/linghuxiong/spring-batch-admin-ui

后端框架：

后端采用的Spring Boot + Maven最为项目的基础构架框架，这个已经是所有java 项目的标配了，集成Spring Security + oauth2 提供认证和鉴权能力，集成Quartz提供调度能力，集成Spring Data Jpa 提供方便的持久化能力，数据库采用Mysql。

后端地址：https://github.com/linghuxiong/spring-batch-admin-backend

好了废话不多说了，这篇我们先感受一下这个前端UI。
前端我们可以分为4个部分：

• 配置部分
• 框架运行数据展示
• 运行状态展示
• 用户和首页大屏

因篇幅问题，今天介绍第一部分，下一篇介绍后三部分。下下一篇开始介绍后端部分。

配置部分：

配置部分包括触发器管理和任务管理两部分。
触发器管理就是我们定义的触发规则，比如每天凌晨4点触发，又比如每隔10秒执行一次等。

进入页面首先进到查询页面，可以按照触发器名称(支持模糊)/触发器分组(支持模糊)/触发器状态查询。同时提供了一下功能操作，如开始/停止一个触发器，编辑，删除等。

?

我们 可以新建一个触发器，新建触发器需要提供触发规则，触发规则可以是cron表达式，也可以是触发间隔，二者选一个就OK了。

?

修改编辑跟新建触发器页面基本一样，只是多了一个更新时间，更新时间默认是恢的。

?

任务配置

触发器只是告诉系统应该什么时候触发这个动作，但是至于这个动作是做什么的，需要在任务里面设置，我们现在假设任务里面是触发一个Spring Batch job。在Spring Batch 里面是实现一些业务功能。

同样，查询可以通过一些条件，比如任务名等，描述性的字段都是可以支持模糊查询的，状态等确定的字段都是精确查询。也提供了开始/停止，编辑，删除等操作。

?

新建任务页面，需要输入任务的必要字段，其中注册名称指的是我们在代码里面定义的Spring Batch的Job 名称。

?

任务修改页面增加更新时间字段，字段默认是不可修改，其值是当前时间。

?

代码解析：

整体代码可以参考github ，模块代码结构如下：

?

1. 模块用到的组件，默认 umi block 带过来的。
2. 是我新建文件夹，放进去的，默认umi的规则，是加载 / ** /module/ ** 下边的文件，并把文件名作为module 的key， 这里其实有个坑，就是比如你需要在项目中添加3个tableList（使用三次 umi add block https://github **** ） 默认是添加同一个使用default 作为key 的 module，这样就会出现三个module的内容串掉的情况。
3. 类似于java的entity 文件，定义需要用的模型的结构
4. service 里面定义了跟API交互的内容

?

?

因篇幅问题，先介绍这连个模块，后续在更新其他模块，可以通过上边代码链接，先尝鲜一下。后续章节会介绍开发这个系统的心酸(遇到的都是坑，满满的都是泪)，希望能给后来一些启示。