一 项目背景
随着公司业务不断增多.报备项目,合同文件,财务信息,等等越来越多,以前是以传统的Excel文档形式管理,但是效率低下,文件易 丢失且不易管理,因此为本公司量身定做了一套OA系统.
二 功能模块
本系统主要分为了两大模块:业务模块,系统管理模块.具体分析如下.
2.1 业务模块
主要分成项目报备,商务管理,财务管理,施工管理,库存管理.
2.2 系统模块
主要是分为了登录模块,设备管理,角色管理,员工管理,采用了RABC的设计原则即账号分配角色.
三 项目开发流程
3.1 项目启动会
老板针对公司一些办公痛点进行了分析总结,并总结出了一份概要设计文档.
3.2 产品设计
根据设计概要设计文档进行了分析和绘制出产品原型图(墨刀软件)
3.3 Ui设计
美工根据原型图,进行页面优化,图标设计,样式设计
3.4前端开发设计
(1) 技术选型
vue2(js框架)以及vue全家桶,element ui (ui组件库),axios(xmlHttpRequest库), sass(css预编译库)
(2) 项目重点:
权限方面:
1.页面权限访问控制
2.菜单权限展示控制
3.按钮权限展示控制
开发效率,可维护性,可扩展性:
1. 对axios进行封装(四个方面:基础路径,响应请求,拦截请求,加载样式)
2. 对接口进行封装,以模块化的形式将接口分文件管理
3.模拟数据,由于前后端分别开发,为了效率使用apipost进行数据模拟
4.组件封装:分页,页面布局
(3)项目难点
1. 组件封装:分页 2.菜单栏渲染 3.权限按钮控制
(3) 项目痛点
1. 施工信息多文件上传,以及展示
(4) 项目创新点
可以自定义主题色和辅助色
首页以可视化方式展示一些重要信息例如今年已签合同数,已付款合同数等