北京国际机场T3行李运维平台开发记录
说明
该项目是一个后台管理型网站项目，供北京国际机场T3航站楼行李调度运维部门使用，开发时间一个半月，我负责所有的前端开发、后端开发、API接口文档设计与编写、服务部署和交付。
整个网站具备的功能有：
- 员工管理
- 员工审批权限管理
- 部门管理
- 部门浏览权限管理
- 五种《申请单》在线申请
- 《申请单》多流程及复杂流程审批
- 设备管理，可详细配置检查时间、频率
- 根据后端发来的设备数据，自动生成六种《设备巡视检查单》，员工可根据巡视结果修改数据
- 交接班记录、行李查询记录、异常行李记录等记录表格
- 排班表，可详细配置每天的值班班组
- 平台公告与文件分享
- 值班员工列表与设备状态可视化
项目技术栈使用nodejs + webpack + react + ice + koa2。
项目截图
项目要点记录
这个项目做的时候，能够记忆尤新的难点有
- 六种《设备巡视检查单》的表格的行和列，都是根据用户后台配置的设备数据自动生成的，有些检查单还需要二级列头，当时花了很多时间去Debug。Bug排除完成后，《设备巡视检查单》可以跟随设备数据的改变而改变，这个功能客户还是很满意的。
- 五种《申请单》的审批流程都不同，有些申请单比如《变更申请单》还需要二次回顾申请。最初做的“申请单页面详情React组件”是通用的，后期发现有很多场景需要特殊处理，情况复杂，就向通用模块里加了很多特殊情况判断与处理代码。组件完成后，无论是用户见到的“申请单详情页面”，还是审批员见到的“申请单详情页面”，用的都是同一个React组件，只不过传入的json配置数据不同，这一点我作为开发者是很满意的，因为这让我后期维护非常方便。
自我感觉做的比较好的地方有：
- 将六种《设备巡视检查单》的表单结构json化，传入json数据不同，页面显示内容不同，React组件不需要改变
- 将《五种申请单》的表单结构和审批流程json化，传入json数据不同，页面显示内容不同，不需要更改React组件代码
- 将《交接班记录》、《行李查询记录》、《异常行李记录》、《破损记录》四种记录表的结构json化，四种记录表共用一套React组件
- 后端的申请单的审批流程设计还是比较靠谱的，能够适应特殊情况，没有出现很多Bug
可以改进之处有：
- 很多页面的结构是相同的，可以使用同一套布局，但是我一开始就太懒，不愿意动脑子，选择了直接将layout组件复制给每一个页面。后期客户要求更换页面UI的时候，发现最初设计的DOM结构需要改变，就每个页面都改了一遍，事倍功半。所以，项目刚开始的时候该提取layout的就提取layout，该做通用组件就做通用组件，开发时偷的懒，到项目后期全都要还回来！
- 整套网站加载js和css是一次性的，而js文件和css文件很大，能达到5MB的大小，这样的网站架构适合内网小网站，对于互联网网站和大型网站来说，显然是不适用的！
北京国际机场T3行李运维平台开发记录的更多相关文章
- OMS自动化运维平台部署
OMS自动化运维平台部署 一.基础环境安装 yum -y install mariadb mariadb-devel mariadb-server wget epel-release python-d ...
- （1）Linux常用的运维平台和工具
运维工程师使用的运维平台和工具包括: Web服务器:apache.tomcat.nginx.lighttpd 监控:nagios.ganglia.cacti.zabbix 自动部署:ansible.s ...
- 实战：阿里巴巴 DevOps 转型后的运维平台建设
导读:阿里巴巴DevOps转型之后,运维平台是如何建设的?阿里巴巴高级技术专家陈喻结合运维自身的理解,业务场景的分析和业界方法论的一些思考,得出来一些最佳实践分享给大家. 前言 “我是这个应用 ...
- 用友iuap云运维平台支持基于K8s的微服务架构
什么是微服务架构? 微服务(MicroServices)架构是当前互联网业界的一个技术热点,业内各公司也都纷纷开展微服务化体系建设.微服务架构的本质,是用一些功能比较明确.业务比较精练的服务去解决更大 ...
- 阿里巴巴 DevOps 转型后的运维平台建设
原文:http://www.sohu.com/a/156724220_262549 本文转载自公众号「DevOps 时代」,高效运维社区致力于陪伴您的职业生涯,与您一起愉快的成长. 作者简介: 陈喻( ...
- devops 运维平台相关知识
1.https://choerodon.io/zh/community/ (代码 https://github.com/choerodon/choerodon) 猪齿鱼 2.https://www.o ...
- 【I·M·U_Ops】------Ⅰ------ IMU自动化运维平台设想
说明本脚本仅作为学习使用,请勿用于任何商业用途.本文为原创,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和本声明. #A 搞这个平台的初心 由于之前呆的单位所有IT相关硬件资源都要我们 ...
- （4）Linux常用的运维平台和工具
运维工程师使用的运维平台和工具包括: Web服务器:apache.tomcat.nginx.lighttpd 监控:nagios.ganglia.cacti.zabbix 自动部署:ansible.s ...
- 分享4个运维平台工具OSSIM、Ansible的学习思路
对于当今企业安全来说,真正价值不在于亡羊补牢,也不在于一个或多个高危漏洞.企业在乎的是如何防患于未然,如何快速定位攻击,如何快速解决安全问题.OSSIM作为开源的安全信息管理平台,对于企业的需求来说毋 ...
随机推荐
- 【Luogu P3384】树链剖分模板
树链剖分的基本思想是把一棵树剖分成若干条链,再利用线段树等数据结构维护相关数据,可以非常暴力优雅地解决很多问题. 树链剖分中的几个基本概念: 重儿子:对于当前节点的所有儿子中,子树大小最大的一个儿子就 ...
- JS三座大山再学习(三、异步和单线程）
本文已发布在西瓜君的个人博客,原文传送门 前言 写这一篇的时候,西瓜君查阅了很多资料和文章,但是相当多的文章写的都很简单,甚至互相之间有矛盾,这让我很困扰:同时也让我坚定了要写出一篇好的关于JS异步. ...
- C#异步案例一则
场景 生产者和消费者队列, 生产者有多个, 消费者也有多个, 生产到消费需要异步. 下面用一个Asp.NetCore Web-API项目来模拟 创建两个API, 一个Get(), 一个Set(), G ...
- Spring Cloud - 切换Ribbon的负载均衡模式
Spring Cloud Ribbon是一个基于HTTP和TCP的客户端负载均衡工具,它基于Netflix Ribbon实现.通过Spring Cloud的封装,可以让我们轻松地将面向服务的REST模 ...
- 使用python2连接操作db2
在python2.6下连接db2,步骤: 1.安装python2.6. (注:目前db2的驱动还不支持2.7) 2.安装setuptools,下载地址http://pypi.python.org/py ...
- 【数据结构】之串（C语言描述）
串(字符串)是编程中最常用的结构,但 C语言 中没有“字符串”这种变量,只能通过字符数组的形式表示字符串. C语言 为我们提供了一个 string.h 的头文件,通过这个头文件,我们可以实现对字符串的 ...
- usermod命令、用户密码管理、mkpasswd命令 使用介绍
第3周第2次课(4月3日) 课程内容:3.4 usermod命令3.5 用户密码管理3.6 mkpasswd命令 3.4 usermod命令 usermod可以修改用户的UID和GID 命令使用格式: ...
- 请问1^x+2^x+3^x+\cdots +n^x的算式是什么呢？
目录 总结 请问\(1^x+2^x+3^x+\cdots +n^x\)的算式是什么呢? 一.求和式\(\sum\limits_{i=1}^n{i}\)的算式 如何证明求和简式\(\sum_{i=1}^ ...
- Head First设计模式——迭代器模式
前言:迭代器模式平时用的不多,因为不管C#还是Java都已经帮我封装了,但是你是否知道平时经常在用的东西本质是怎么回事呢. 看完迭代器模式你就知道C# foreach循环是怎么实现的了,我的另一篇C# ...
- PyTorch最佳实践，怎样才能写出一手风格优美的代码
[摘要] PyTorch是最优秀的深度学习框架之一,它简单优雅,非常适合入门.本文将介绍PyTorch的最佳实践和代码风格都是怎样的. 虽然这是一个非官方的 PyTorch 指南,但本文总结了一年多使 ...