原文链接: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
网友评论