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

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

maynowei9个月前 (08-18)技术知识86

项目整体规划

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

相关文章

Objective-C的本质(objective-c的特点)

我们平时编写的Objective-C代码,底层实现其实都是C\C++代码,所以Objective-C的面向对象都是基于C\C++的数据结构实现的OC对象的本质Objective-C的对象、类主要是基于...

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

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

Flutter 之 ListView(flutter框架)

在 Flutter 中,ListView 可以沿一个方向(垂直或水平方向)来排列其所有子 Widget,常被用于需要展示一组连续视图元素的场景ListView 构造方法ListView:仅适用于列表中...

Oracle中泄露“天机”的TNS(在oracle中发出的下列查询)

数据库的安全是长期存在的问题。在目前大量的数据泄露事件以及漏洞面前,大家看到的大都是SQl注入、越权操作、缓冲区溢出等这些具体漏洞。往往却忽视了造成这些问题的前提,黑客想要入侵数据库一定会尝试获取数据...

超详细的Oracle19c修改数据库用户名教程

概述由于开发很多视图指定了某个用户名,故需修改数据库用户名srmpro为srm。以下为操作过程..1、停止应用防止修改用户名密码后应用一直在发起错误连接,可事先查询哪个IP在连接数据库,然后断开对应连...

见招拆招:破解Oracle数据库密码(oracle数据库如何解锁)

一.概要本文主要目的,希望通过分享解密方法引起相关人士对网络安全的重视。数据库安全绝不单只数据库本身的安全,和数据库所处的整个环境都有密切关系。本文所说的破解oracle9i、oracle10g、or...