当前位置:首页 > 技术知识 > 正文内容

Ant Design Pro 实战 - Spring Batch Admin 界面初长成

maynowei10个月前 (08-18)技术知识98

项目整体规划

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

相关文章

如何正确理解Java领域中的并发锁,我们应该具体掌握到什么程度?

苍穹之边,浩瀚之挚,眰恦之美; 悟心悟性,善始善终,惟善惟道! —— 朝槿《朝槿兮年说》写在开头对于Java领域中的锁,其实从接触Java至今,我相信每一位Java Developer都会有这样的一个...

go语言并发原语RWMutex实现原理及闭坑指南

1.RWMutex常用方法Lock/UnlockRLock/RUnlockRLocker 为读操作返回一个Locker接 口的对象2. RWMutex使用方法 func main() { var c...

Oracle标准化部署手册(oracle19c客户端)

很久之前写过一篇11g的windows安装手册, 这次是19c的windows安装手册,面向没有数据库安装部署经验的开发人员或想学习数据库的新手。希望能给想从事dba的入门人员小小的帮助。 毕竟每个高...

Oracle数据库无法连接问题排查(oracle数据库连接不成功)

数据库告警日志 如下图 。发现 问题时间段,没有 数据库服务故障 报错,但是存在较多 TNS-12535 、 12560 、 12170 、 00505 错误:通过检查问题时间段应用日志, 也记录了...

Oracle高级数据库特性揭秘:存储过程、触发器与权限管理

当谈论Oracle高级数据库特性时,存储过程和函数、触发器、权限管理和安全性以及数据库连接和远程访问是关键概念。下面我将为每个主题提供详细的解释,并附上高质量示例。存储过程和函数: 存储过程和函数是预...

面试官:说说Oracle数据库result cache的原理是什么?

概述前面已经用实验给大家介绍了Result Cache相关内容,今天主要讨论一下Oracle 11g Result Cache的深层原理。从参数看,Oracle提供了Client Result Cac...