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

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

项目整体规划

经过一个大型项目实战,鹏哥设计通用的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篇

简介 Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图...

[三菱PLC] 用"C语言"玩转PLC,三菱PLC使用ST语言超详细教程

ST语言,全称为结构化文本(Structured Text),是一种高级编程语言,专为工业自动化和控制系统设计。我们学习PLC一般是用梯形图,梯形图学会后,学习SFC,但是我发现梯形图和SFC虽然简单...

msf系列篇章之七模块详解,黑客必学

1、 mestasploit有很多模块,一共分为七类那如果是kali中自带的msf,它默认的安装路径是在这里。,然后可以看见它这些模块有些相对应的目录。1)、exploits漏洞利用模块,这个模块通常...

伪装成抖音国际版Tiktok的短信蠕虫

概述近期监测到一款仿冒Tiktok的短信蠕虫,该短信蠕虫最明显的特点就是针对Android系统版本高于6.0以上的设备,由于Android版本的更新迭代,现在大部分设备已经更新到较高的版本,通过不完全...

高考一词多义考点! 30个高频词汇,完形填空再也不怕啦

1. address·/a'dres/ v.处理(问题)We must address the issue of climate change.·/'aedres/ n.地址Pleas...

Go语言进阶:时间轮(golang时间轮)

时间轮概念时间轮(Timing Wheel)是一种高效的定时任务调度数据结构,特别适合处理大量定时任务。它通过一个循环数组(轮盘)和多个槽位(buckets)来组织定时任务,每个槽位代表一个时间间隔。...