摘要：这个月因为家事,已经好久没有更新过技术博客了,既然要重新开始,过去也不能遗忘,而上一份工作的经历必然是不可避免要提到的,这篇的内容将详细的描述上份工作中的工作内容,及工作技术问题.

这份工作对我来说其实是一次新的尝试,之前在广州这边,工作内容全部都是前端的,这期间也慢慢熟悉了前端的很多技术点和框架,在不可避免的回到西安之后,老同学为我提供了一个接近于全栈的工作岗位机会。而要用到的技术框架,React下的AntDesign搭配rails进行开发西安银行IDE运营门户.这些技术是我之前完全没有接触到的,就这样在西安,我又重新上路!!

工作基本内容

IDE运营门户面向的是西安银行运维部门搭建的门户网站,甲方需要将之前的一些老的运维门户重新制作,并将一些平台的接口全部接入这个平台上,做到统一高效的运维平台.而因为甲方工作地点的原因,我们的团队也不可避免的被外派到银行这边,平台的前身是使用了ruby on rails+HTML这样的前后端技术, 而需求是在原有的后台代码之上,采用MVVM的工作模式,编写新的后台接口,并接入新的前端平台之上.

这里我将介绍一下我们用到的核心框架及技术.

ruby on rails

这个后端语言我在学习的时候在另一篇文章上有过简单的介绍,这次在大量的学习和使用后,有了不同的见解和心得.

其实ruby在当前的环境下不是很流行.在排行上也早已不是主流(py是世界上最好的语言!),但是和node一样,做一些简单的增删改查还是比较简单的,而且框架路由比较清晰,但是不可避免的代码冗余,重复.既然我们要将平台作为一个产品,代码的规范性和可读性就成为了主要的要求.

如果对ruby语言还有疑惑,可以翻看我的前一篇文章,这里我们不多做阐述.

AntDesign

提炼自企业级中后台产品的交互语言和视觉风格。

开箱即用的高质量 React 组件。

使用 TypeScript 构建，提供完整的类型定义文件。

全链路开发和设计工具体系。

这次平台框架是使用了我不太熟悉的以React为基础的框架,之前对于Vue比较熟悉,都是MVVM的模式,上手也比较快,一些其他额区别,在文档中可以很快熟悉.

对于基础的AntD ,我们做了一些自己的修改和封装,包括一些请求的时机和判断.

IDE功能

平台作为运维部门的门户平台,当然要将各个平台的功能集中展示,并代替各个平台的一些主要功能,再做到产品封装.

发布页面主要将各个平台各个版本的压缩包上传至服务器端,通过前端页面的指令完成一系列备份,解压,替换,测试等操作.并将操作结果记录为doc文件及表格返回前端页面.

告警页面主要将银行内部Ansible平台上各种触发器接口接入前端页面,使运维人员可以清晰,直观,简洁的看到告警信息,并及时作出处理.

表格页面是平台的核心展示页面,大大部分的数据都通过表格或可视化数据展示,这里展示一个基础的表格页面 .

配置页面是前后端交互的一个代表性页面,通过配置页面,用户可以将一些数据库配置信息手动添加到数据库中,然后在平台调用接口,完成配置的添加与使用

这些页面就是平台最经典的增删改查功能. test