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

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

maynowei7个月前 (08-18)技术知识59

项目整体规划

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

相关文章

Axure案例小红书APP登陆界面划屏效果制作

有一款叫做小红书的APP(不是小黄书)登陆界面做的非常清新脱俗,教他家用Axure模仿练习一下他的登陆界面划屏效果,这个内容虽然有些多,但是制作方法并不难,耐心跟着做的话肯定没问题哒!点击观看效果效果...

打通 JAVA 与内核系列之 一 ReentrantLock 锁的实现原理

写JAVA代码的同学都知道,JAVA里的锁有两大类,一类是synchronized锁,一类是concurrent包里的锁(JUC锁)。其中synchronized锁是JAVA语言层面提供的能力,在此不...

从 async/await 到虚拟线程:Python 并发的再思考

演进之路:从async/await到线程的反思首先必须明确的是,async/await对Python并非全无裨益:它最大的价值,是让更多人接触到了并发编程。通过在编程语言中嵌入语法元素,并发编程的门槛...

C++26中同步与原子操作新变化(c++ 同步)

引言随着多核处理器和并发编程的普及,C++26进一步增强了对同步与原子操作的支持,为开发者提供了更高效、更安全的工具来应对多线程编程中的数据竞争与同步挑战。自C++11引入原子操作以来,C++标准库在...

Oracle 不是有效的导出文件,标头验证失败 解决方法

第一种:网上搜索到的大多解决方法是说导出文件时使用的Oracle版本不一致问题,需要修改dmp文件的版本号。如果确定版本号确实不一样,请自行搜索一下解决方法。第二种:备份dmp文件时,备份的语句可能使...

本地配置plsql远程连接oracle数据库

由于Oracle的庞大,有时候我们需要在只安装Oracle客户端如plsql、toad等的情况下去连接远程数据库,可是没有安装Oracle就没有一切的配置文件去支持。最后终于发现一个很有效的方法,O...