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

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

maynowei8个月前 (08-18)技术知识73

项目整体规划

经过一个大型项目实战,鹏哥设计通用的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 RP设计伸缩导航、遮罩弹窗、返回顶部的方法

以下几小教程使用的是Axure的动态面板来实现,内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈/偷笑。一.伸缩/隐藏导航栏例如:鼠标移动到一级导航上,二级导航会下拉方式显示1.打开Axure,拖...

单打独斗的产品设计师工作流程总结

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。我从入行开始就在一个做自己产品的小公司工作,到现在已经三年了。刚开始工作的时候什么也不懂,老板说让出效果图,就开始直接...

CPU「离奇」飙到 100%!开发者挖出 Linux 内核 16 年老 Bug:这么多年竟无人发现?

【CSDN 编者按】每一次对旧设备的升级都仿佛是一场跨越时代的冒险。本文作者致力于将基于 PXA166 的 Chumby 8 设备从 Linux 2.6.28 版本升级到现代 6.x 版本,然而,在看...

如何优雅地使用嵌入式事件标志组?

事件标志组嵌入式事件标志组是一种在嵌入式系统中广泛使用的同步机制,主要用于实现多任务间的同步与通信。事件标志组是一组事件标志位的集合,每个位代表一个事件是否发生。它允许任务等待特定的事件发生,当事件发...

Oracle 11g安装教程完整版(oracle 11g 安装教程)

由于工作需要,将安装的经验分享给大家。第一步:首先准备安装文件包:Oralce 11.2.0.4 64bit和plsqldev1405x64如图所示:第二步:将2个文件解压到同一个目录,如图所示:第三...

为什么说产品思维是用户体验设计的下一个趋势

加入人人都是产品经理【起点学院】产品经理实战训练营,BAT产品总监手把手带你学产品在思考用户体验的时候,我们经常想到的是集合了简单、美观、易用的功能的产品,这样会让用户的生活更容易。但事实上,功能仅仅...