Skip to content

作业平台后台管理系统(2018.08 – 2020.11)

项目简介

面向工行数据中心运维人员的自动化作业后台。主要包括作业执行、平台工具、系统管理、执行历史、工具配置、使用帮助等页面。

技术栈

Vue 2 / Element UI / Vuex / Vue Router / Axios / Webpack

个人职责

负责项目框架搭建和开发:ESLint、Stylelint 统一代码规范;Vue 搭后台,Element UI 布局,Vue Router 建路由,Vuex 做状态;动态 import 加载功能性组件(如下载文件按钮);用 xterm.js 和 highlight 在浏览器展示 Linux 日志;用 vuedraggable 拖拽、上移下移调整作业步骤。

技术亮点

  • 浏览器看 Linux 日志:基于 xterm.js 和 highlight,方便运维在页面里看日志。
  • 作业步骤可视化编排:vuedraggable 支持拖拽和上移下移改步骤,降低添加自动化作业的成本。
  • 功能组件按需加载import 动态加载如下载按钮这类功能点。

项目成果

  • 工行数据中心运维可在后台执行作业、配工具、查历史
  • 日志可在浏览器中查看,减少切终端成本
  • 拖拽改步骤,降低配置自动化作业的成本

可能会问的问题

运维为什么能在浏览器里看 Linux 日志?

用 xterm.js 和 highlight 在页面展示日志,少切终端。

加一条自动化作业,步骤顺序怎么改?

vuedraggable 支持拖拽和上移下移改步骤,降低配置成本。

下载按钮这类功能点会不会打进首包?

功能性组件用动态 import 按需加载。