pc 后台管理系统总结

人力资源后台管理系统_hrsaas

1.项目介绍：

hrsaas是一款对公司员工管理的后台管理系统，主要实现功能：公司组织架构的增删改查，公司角色的增删改查以及公司信息内容展示，员工信息的查阅，员工在公司的工作状态，是否转正，离职，调岗，担任的职位等等

2.项目主要模块：登录，主页，组织架构，公司设置，员工管理，权限管理

3.该项目的亮点：

权限管理：不同的角色登录进入到首页，看到的菜单应该是不一样的，比如系统管理员，可以看到所有的模块，而普通员工只能看到首页，考勤，工资，社保这四个模块

4.开发项目所用到技术：

1）基于vue-element-template 进行项目的二次开发和功能的扩展，因为这个基本模块中包含了基本的登录/权限架子/主页布局，可以提高开发效率，节省开发时间

2）vuex:项目采用了模块化形式进行管理共享状态，方便维护

3) git:远程仓库进行代码托管

4) axios:项目中采用API 的单独模块封装，统一管理，对axios二次封装进行开发，此项目封装成的是request模块

5) vue-router: 页面切换，控制用户登录权限控制,路由全局前置守卫，路由全局后置守卫

6 ) scss :项目使用了 scss 作为css 的扩展语言

7）svg-sprites：svg 精灵图

8 ) 解决开发环境跨域：只需要在vue-cli脚手架环境中起一个代理服务器，此项目真正部署上线时的跨域是后台配置了cors解决的

5.我所负责的有登录，组织架构，公司设置，员工管理

登录模块：

实现功能：用户输入用户名和密码，如果用户名和密码都正确，点击登录就跳转到首页，密码或用户名不正确就给用户相对应的提示：如 用户名错误，请重新输入，并且不进行跳转到首页

开发过程：

1.准备登录页面的基础布局

涉及到的知识点：在css样式中，如果想用@ 别名时，需要在@前面加一个~,否则不识别此别名；@ 是在vue.config.js中设置的路径别名，指定src根目录，目的是方便找指定的文件，需要引一个jsc