人力资源管理系统简介

人力资源管理系统，简而言之，是企业的后台管理系统，对企业内部信息进行管理。话不多说，直接说明所谓的两大核心是什么：

1.vue-element-admin

vue-element-admin是开发后台管理系统的一个比较完备的前端解决方案：

基于 vue 和 element-ui实现

内置了 i18 国际化解决方案，动态路由，权限验证

提炼了典型的业务模型

提供了丰富的功能组件

内部集成了PC项目中很多的业务场景和功能

List item

它可以帮助你快速搭建企业级中后台产品原型。

不过它也有缺陷，vue-element-admin` 内置了后台管理业务场景下大部分的解决方案，我们可以在左侧的导航栏里看到它们。这些方案不是每一个项目都需要的，如果我们实际的业务中需要，可以拿来参考，所以它起到的作用更多的是一个参考价值，而不适合直接使用进行二次开发

2.vue-admin-template

vue-element-admin是一个非常全面的系统，提供了很多现成的方案，我们可以在写项目的时候过来参考，但是也有缺点：不太好进行二次开发，因为要删减的东西太多了。

我们可以采取另外一个子系统，叫做vue-admin-template ，它提供了最基础的模板，非常方便来做二次开发。

2.1 认识vue-admin-template的目录

此时，你可能会眼花缭乱, 因为生成的目录里面有太多的文件，但是我们要有个基本的认知：

src目录：在做项目时，最关注的就是**src**目录, 里面是所有的源代码和资源

非src目录：一般都是对项目的环境和工具的配置

src目录

2.2 项目的运行机制

重点文件

App.vue

App.vue是根组件，也是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。

main.js

main.js是整个项目的入口文件（webpack中学习的入口文件）