量化考评网站

原文链接：https://zhang35.coding.me/2018-standard-front-8-29.html

在李成海大神搭的架子下，完成了量化考评网站前端部分。用到angular.js、gulp、bower、jade等，感谢成海指导。

7月31日，初版于单位内网上线，功能如下。

用户入口

登录页面

考评页面

选择部门、日期

填写一日工作

• 类似购物车功能，增减或直接修改数目，可实时看到得分结果。

• 当数目输入不合法时（字母，负数等），自动替换为0。

• 加分数目和减分数目均为0时，得分将被清空，不做统计。

快速导航按类别定位

自动按类别生成导航菜单。

提交今日工作

显示今日总得分，提交后显示明细。

防止重复提交

显示“今日已提交！”，提交按钮变灰。

工作记录限制每天提交一次，一经提交不可更改。

绩效搜索页面

查看个人绩效，可按得分类型、评语类型、起止日期等筛选。

成长曲线页面

查看个人成长曲线，由每日得分构成。可按部门、起止日期筛选。

领导入口

登录页面

绩效搜索页面

检索人员绩效

检索所属人员绩效，可按部门、姓名、得分类型、评语类型、起止日期等筛选。

填写评语

领导可对某条绩效添加评语。普通用户将能在绩效搜索页面看到评语。

成长曲线页面

查看所属人员成长曲线，可按部门、姓名、起止日期等筛选。

结语

网站后端由成海开发，使用springboot脚手架，效率极高地提供了数据增删查改的接口，这是后面需要学习的东西。

借此体验了前后端分离的合作开发模式：在阿里云服务器上搭建测试网站和数据库服务，在GitHub上共同管理代码。

源码可在我的GitHub上找到：https://github.com/zhang35