一 项目背景

随着公司业务不断增多.报备项目,合同文件,财务信息,等等越来越多,以前是以传统的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) 项目创新点

可以自定义主题色和辅助色
首页以可视化方式展示一些重要信息例如今年已签合同数,已付款合同数等