微人事项目介绍
• 项目技术架构
• 前后端分离项目构建
• 登录模块实现
• 动态加载用户菜单
• 邮件发送
• 员工资料导入导出
• 在线聊天
• 前端项目打包
项目简介
人事管理系统是一种常见的企业后台管理系统，它的主要目的是加强各个部门之间的协调和提高工作效率。人事管理系统提供了员工资料管理、人事管理、工资管理、统计管理以及系统管理等功能，通过人事管理系统，人事组织部门能做到以人为中心，各部门之间实现资源共享，并且实现即时通信，提高工作效率，简化烦琐的手工统计、信息汇总和工资业务等大量的人工工作，让人事组织和工资管理工作在人事组织相关的各部门之间活跃起来。
技术架构
本项目采用当下流行的前后端分离的方式开发，后端使用Spring Boot开发，前端使用Vue+ElementUI来构建SPA。SPA是指Single-PageApplication，即单页面应用，SPA应用通过动态重写当前页面来与用户交互，而非传统的从服务器重新加载整个新页面。这种方法避免了页面之间切换打断用户体验，使应用程序更像一个桌面应用程序。在SPA中，所有的HTML、
JavaScript和CSS都通过单个页面的加载来检索，或者根据用户操作动态装载适当的资源并添加到页面。在SPA中，前端将通过Ajax与后端通信。对于开发者而言，SPA最直观的感受就是项目开发完成后，只有一个HTML页面，所有页面的跳转都通过路由进行导航。前后端分离的另一个好处是一个后端可以对应多个前端，由于后端只负责提供数据，前后端的交互都是通过JSON数据完成的，因此后端开发成功后，前端可以是PC端页面，也可以是Android、iOS以及微信小程序等。
Vue简介
Vue (读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue完全能够为复杂的单页应用提供驱动。
——Vue官网
对于Vue的基础知识，本书不做过多介绍，由于Vue的文档都是中文文档，因此强烈建议初学者通读官方文档来了解Vue的基本使用方法（地址为https://cn.vuejs.org/v2/guide/），本书后面将直接介绍Vue在项目中的使用。
Element简介
Vue桌面端组件库非常多，比较流行的有Element、Vux、iView、mint-ui、muse-ui等，本项目采用Element作为前端页面组件库。要说设计，这些UI库差异都不是很大，基本上都是Material Design风格的，本项目采用Element主要考虑到该库的使用人数较多（截至写作本书时，Element在GitHub上的star数已达29 000，接近30 000），出了问题容易找到解决方案。关于Element的用法，强烈建议初学者通读官方文档学习（地址为http://element-cn.eleme.io/#/zh-CN/component）。
