第一个工作项目（5）- 上岗

      经过了短暂的9天培训后，2016年4月18日，我回到广州，正式进驻客户现场。

    新一期的项目分成两部分，我们项目组4人里我单独负责小的部分，绩效新门户。另外3个人负责大的收钱的部分。

    绩效新门户其实是客户人力资源系统的内部门户的一部分。PeopleSoft系统很大很全但界面很丑交互性也很差，所以在一期的时候我的同事刚兄和当时的项目实施团队已经做好了整个内部门户。不过因为当时时间紧迫，客户对这个门户的设计和功能不是很满意，于是便有了第二期的改进项目。根据评估新的设计和功能实施起来不会很难，我负责的部分就当作赠品附属在大的项目里了。

    刚开始时看了一会儿上一期的代码，主要还是查询数据库然后展示的为主。涉及交互的上一期项目基本都已经写好了，我要用的话也就是直接调用就好了，感觉没有太大的难度。客户没有给具体完成时间，领导给我的限期是6月底，大概两个月。

    第一件事就是根据需求改变原有页面设计。开始时我以为这部分客户已经做好了，我只需要做一下修改就可以。没想到客户就画了个草图然后让我们来完成剩下的部分。我领导知道这个事后也是一脸懵逼，问我会不会PhotoShop和Axure，然后就让我接手了。客户画的草图大概是这样的：

最终稿是这样的：

这是我所做的三个页面的第一个大页面“我的绩效”，总的来说最终页面和草图差的不算很多。只是最终页面用PS已经很难画出来了，我是直接用CSS画的。

至于第二个页面的草图和最终页面的差距，我就只能呵呵了。

上图为客户画的草图，下图为我最终做出来的页面。当时在画图的时候还觉得好简单啊，不就一个表格加简单搜索功能嘛，直接<table>走起。真开始搞的时候客户才说要保持和一期项目的风格一致。而一期项目对于表格的展示用的是一个叫dataTables的js框架。虽然说是js框架，但只是用来展示，是无法刷新的。一期的时候是将<tbody>内的内容在后台拼接好，在页面加载完后再加上dataTables美化它。而新需求是要表格能动态刷新，也就是加载页面的时候同时加载dataTables框架然后利用dataTables本身的ajax请求而不是用jQuery的到后台取回所需要的数据再展示出来。使用“搜索”功能的时候也只是更新表格而不更新页面。

    从4月18号入场到5月6号定稿，中间开会讨论了不知道多少回，也让客户方的大领导过目同意了。但是当我开始做的时候，才发现定稿只是领导同意了，但客户方和我们对接的人每周跟进我们进度时总会提各种各样的要求。只要是不太麻烦的地方我都改过来了，最终页面和定稿表面上没有很大的差别，但显示的元素我已经改过很多遍了。