微人事-前端

应用售价:

100 积分

版本号:

v1.0

购买企业:
备注:本应用必须在Rainbond系统上安装使用,点击免费下载安装
应用详情

发布时间:2019-09-23

最后更新时间:2019-09-28

<p>扫码加微信,备注微人事,进群讨论。</p> <p><img src="http://www.javaboy.org/images/weixin.png" alt=""/></p> <p>微人事是一个前后端分离的人力资源管理系统,项目采用SpringBoot+Vue开发。</p> <p>项目地址:<a href="https://github.com/lenve/vhr" rel="nofollow">https://github.com/lenve/vhr</a></p> <blockquote> <p>原本计划把项目跑起来放到网上供小伙伴们查看,但是之前买服务器为了省钱,内存只有512M,两个应用跑不起来(已经有一个<a href="https://github.com/lenve/VBlog" rel="nofollow">V部落开源项目</a>在运行),因此小伙伴们只能将就看一下下面的截图了,文末有部署教程,部署到本地也可以查看完整效果。</p> </blockquote> <ul> <li><a href="https://mp.weixin.qq.com/s/qN01Le434FWom0c3jqiQmA" rel="nofollow">项目部署视频教程</a></li> </ul> <h1>tips</h1> <p>由于整个项目功能比较多,也比较复杂,因此分多期开发,目前权限管理模块已经开发完成,其他模块还在开发当中。考虑到权限管理模块相对独立,和其他模块的功能并不冲突,同时前后端分离之后的权限管理又是许多小伙伴的痛点,因此将本项目提前开源供小伙伴们研究。<strong>但是小伙伴们需要注意的是,这个项目中你无法看到所有的功能,因为没有完工。权限管理相关的模块主要有两个,分别是 [系统管理-&gt;基础信息设置-&gt;权限组] 可以管理角色和资源的关系, [系统管理-&gt;操作员管理] 可以管理用户和角色的关系。另外,本项目也在不断的更新中,小伙伴们可以通过下方的更新记录查看最新完成的功能。</strong></p> <h1>英雄帖</h1> <p>该项目还有一些功能尚未完成,非常欢迎小伙伴们提交pr,我会将大家所做的工作展示在README中!</p> <h1>整体效果</h1> <p>首先,不同的用户在登录成功之后,根据不同的角色,会看到不同的系统菜单,完整菜单如下:</p> <p><img src="https://raw.githubusercontent.com/wiki/lenve/vhr/doc/p278.png" alt="p278"/></p> <p>不同用户登录上来之后,可能看到的会有差异,如下:</p> <p><img src="https://raw.githubusercontent.com/wiki/lenve/vhr/doc/p279.png" alt="p279"/></p> <p>每个用户的角色是由系统管理员进行分配的,系统管理员给用户分配角色的页面如下:</p> <p><img src="https://raw.githubusercontent.com/wiki/lenve/vhr/doc/p280.png" alt="p280"/></p> <p>系统管理员也可以管理不同角色可以操作的资源,页面如下:</p> <p><img src="https://raw.githubusercontent.com/wiki/lenve/vhr/doc/p281.png" alt="p281"/></p> <h1>技术栈</h1> <h2>后端技术栈</h2> <p>1.SpringBoot<br/> 2.SpringSecurity<br/> 3.MyBatis<br/> 4.MySQL</p> <h2>前端技术栈</h2> <p>1.Vue<br/> 2.ElementUI<br/> 3.axios<br/> 4.vue-router</p> <p>还有其他一些琐碎的技术就不一一列举了。</p> <h1>快速部署</h1> <p>1.clone项目到本地<code>git@github.com:lenve/vhr.git</code></p> <p>2.数据库脚本放在hrserver项目的resources目录下,在MySQL中执行数据库脚本</p> <p>3.数据库配置在hrserver项目的resources目录下的application.properties文件中</p> <p>4.在IntelliJ IDEA中运行hrserver项目</p> <p><strong>OK,至此,服务端就启动成功了,此时我们直接在地址栏输入<code>http://localhost:8082/index.html</code>即可访问我们的项目,如果要做二次开发,请继续看第五、六步。</strong></p> <p>5.进入到vuehr目录中,在命令行依次输入如下命令:</p> <pre><code># 安装依赖 npm install # 在 localhost:8080 启动项目 npm run dev ``` 由于我在vuehr项目中已经配置了端口转发,将数据转发到SpringBoot上,因此项目启动之后,在浏览器中输入```http://localhost:8080```就可以访问我们的前端项目了,所有的请求通过端口转发将数据传到SpringBoot中(注意此时不要关闭SpringBoot项目)。 6.最后可以用WebStorm等工具打开vuehr项目,继续开发,开发完成后,当项目要上线时,依然进入到vuehr目录,然后执行如下命令: </code></pre> <p>npm run build “`</p> <p>该命令执行成功之后,vuehr目录下生成一个dist文件夹,将该文件夹中的两个文件static和index.html拷贝到SpringBoot项目中resources/static/目录下,然后就可以像第4步那样直接访问了。</p> <p><strong>步骤5中需要大家对NodeJS、NPM等有一定的使用经验,不熟悉的小伙伴可以先自行搜索学习下,推荐<a href="https://cn.vuejs.org/v2/guide/" rel="nofollow">Vue官方教程</a>。</strong></p> <h1>文档</h1> <p>文档是对项目开发过程中遇到的一些问题的详细记录,主要是为了帮助没有基础的小伙伴快速理解这个项目。</p> <p>1.<a href="https://github.com/lenve/vhr/wiki/1.%E6%9D%83%E9%99%90%E6%95%B0%E6%8D%AE%E5%BA%93%E8%AE%BE%E8%AE%A1" rel="nofollow">权限数据库设计</a><br/> 2.<a href="https://github.com/lenve/vhr/wiki/2.%E6%9C%8D%E5%8A%A1%E7%AB%AF%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA" rel="nofollow">服务端环境搭建</a><br/> 3.<a href="https://github.com/lenve/vhr/wiki/3.%E5%8A%A8%E6%80%81%E5%A4%84%E7%90%86%E8%A7%92%E8%89%B2%E5%92%8C%E8%B5%84%E6%BA%90%E7%9A%84%E5%85%B3%E7%B3%BB" rel="nofollow">动态处理角色和资源的关系</a><br/> 4.<a href="https://github.com/lenve/vhr/wiki/4.%E5%AF%86%E7%A0%81%E5%8A%A0%E5%AF%86%E5%B9%B6%E5%8A%A0%E7%9B%90" rel="nofollow">密码加密并加盐</a><br/> 5.<a href="https://github.com/lenve/vhr/wiki/5.%E6%9C%8D%E5%8A%A1%E7%AB%AF%E5%BC%82%E5%B8%B8%E7%9A%84%E7%BB%9F%E4%B8%80%E5%A4%84%E7%90%86" rel="nofollow">服务端异常的统一处理</a><br/> 6.<a href="https://github.com/lenve/vhr/wiki/6.axios%E8%AF%B7%E6%B1%82%E5%B0%81%E8%A3%85,%E8%AF%B7%E6%B1%82%E5%BC%82%E5%B8%B8%E7%BB%9F%E4%B8%80%E5%A4%84%E7%90%86" rel="nofollow">axios请求封装,请求异常统一处理</a><br/> 7.<a href="https://github.com/lenve/vhr/wiki/7.%E5%B0%86%E8%AF%B7%E6%B1%82%E6%96%B9%E6%B3%95%E6%8C%82%E5%88%B0Vue%E4%B8%8A" rel="nofollow">将请求方法挂到Vue上</a><br/> 8.<a href="https://github.com/lenve/vhr/wiki/8.%E7%99%BB%E5%BD%95%E7%8A%B6%E6%80%81%E7%9A%84%E4%BF%9D%E5%AD%98" rel="nofollow">登录状态的保存</a><br/> 9.<a href="https://github.com/lenve/vhr/wiki/9.%E7%99%BB%E5%BD%95%E6%88%90%E5%8A%9F%E5%90%8E%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD%E7%BB%84%E4%BB%B6" rel="nofollow">登录成功后动态加载组件</a><br/> 10.<a href="https://github.com/lenve/vhr/wiki/10.%E8%A7%92%E8%89%B2%E8%B5%84%E6%BA%90%E5%85%B3%E7%B3%BB%E7%AE%A1%E7%90%86" rel="nofollow">角色资源关系管理</a><br/> 11.<a href="https://github.com/lenve/vhr/wiki/11.%E7%94%A8%E6%88%B7%E8%A7%92%E8%89%B2%E5%85%B3%E7%B3%BB%E7%AE%A1%E7%90%86" rel="nofollow">用户角色关系管理</a></p> <h1>更新记录</h1> <h2>2018.1.10 更新</h2> <p>本次更新版本:v20180110</p> <p>本次更新完成了部门管理功能,页面在 <strong>[系统管理-&gt;基础信息设置-&gt;部门管理]</strong></p> <blockquote> <p>本次更新也更新了数据库脚本,小伙伴们需要重新下载数据库脚本执行。</p> </blockquote> <h4>相关文档:</h4> <p>12.<a href="https://github.com/lenve/vhr/wiki/12.%E9%83%A8%E9%97%A8%E6%95%B0%E6%8D%AE%E5%BA%93%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%AD%98%E5%82%A8%E8%BF%87%E7%A8%8B%E7%BC%96%E5%86%99" rel="nofollow">部门数据库设计与存储过程编写</a><br/> 13.<a href="https://github.com/lenve/vhr/wiki/13.%E9%80%92%E5%BD%92%E6%9F%A5%E8%AF%A2%E4%B8%8E%E5%AD%98%E5%82%A8%E8%BF%87%E7%A8%8B%E8%B0%83%E7%94%A8" rel="nofollow">递归查询与存储过程调用</a><br/> 14.<a href="https://github.com/lenve/vhr/wiki/14.Tree%E6%A0%91%E5%BD%A2%E6%8E%A7%E4%BB%B6%E4%BD%BF%E7%94%A8%E8%A6%81%E7%82%B9" rel="nofollow">Tree树形控件使用要点</a></p> <h2>2018.1.12 更新</h2> <p>本次更新版本:v20180112</p> <p>本次更新完成了职称管理和职位管理,页面在 <strong>[系统管理-&gt;基础信息设置-&gt;职位管理]</strong> 和 <strong>[系统管理-&gt;基础信息设置-&gt;职称管理]</strong></p> <blockquote> <p>本次更新也更新了数据库脚本,小伙伴们需要重新下载数据库脚本执行。</p> </blockquote> <h4>相关文档:</h4> <p>15.<a href="https://github.com/lenve/vhr/wiki/15.%E8%81%8C%E4%BD%8D%E7%AE%A1%E7%90%86%E5%92%8C%E8%81%8C%E7%A7%B0%E7%AE%A1%E7%90%86%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D" rel="nofollow">职位管理和职称管理功能介绍</a><br/> 16.<a href="https://github.com/lenve/vhr/wiki/16.%E7%BB%84%E4%BB%B6%E5%A4%8D%E7%94%A8" rel="nofollow">组件复用</a><br/> 17.<a href="https://github.com/lenve/vhr/wiki/17.%5B%E9%A2%98%E5%A4%96%E8%AF%9D%5D%E5%88%A9%E7%94%A8git%E6%A0%87%E7%AD%BE%E5%9B%9E%E9%80%80%E8%87%B3%E4%BB%BB%E6%84%8F%E7%89%88%E6%9C%AC" rel="nofollow">[题外话]利用git标签回退至任意版本</a></p> <h2>2018.1.15 更新</h2> <p>本次更新版本:v20180115</p> <p>本次更新完成了员工基本信息管理,页面在 <strong>[员工资料-&gt;基本资料]</strong></p> <blockquote> <p>本次更新也更新了数据库脚本,小伙伴们需要重新下载数据库脚本执行。</p> </blockquote> <h4>相关文档:</h4> <p>18.<a href="https://github.com/lenve/vhr/wiki/18.%E5%91%98%E5%B7%A5%E5%9F%BA%E6%9C%AC%E4%BF%A1%E6%81%AF%E7%AE%A1%E7%90%86%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D" rel="nofollow">员工基本信息管理功能介绍</a><br/> 19.<a href="https://github.com/lenve/vhr/wiki/19.SpringBoot%E4%B8%AD%E8%87%AA%E5%AE%9A%E4%B9%89%E5%8F%82%E6%95%B0%E7%BB%91%E5%AE%9A" rel="nofollow">SpringBoot中自定义参数绑定</a></p> <h2>2018.1.16 更新</h2> <p>本次更新版本:v20180116</p> <p>本次更新完成了员工的高级搜索功能,页面在 <strong>[员工资料-&gt;基本资料]</strong></p> <h4>相关文档:</h4> <p>20.<a href="https://github.com/lenve/vhr/wiki/20.%E9%AB%98%E7%BA%A7%E6%90%9C%E7%B4%A2%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D" rel="nofollow">高级搜索功能介绍</a></p> <h2>2018.1.17 更新</h2> <p>本次更新版本:v20180117</p> <p>本次更新完成了员工数据的导入导出功能,即可将员工数据导出为Excel,也可以将外部Excel导入到员工数据表中,页面在 <strong>[员工资料-&gt;基本资料]</strong></p> <h4>相关文档:</h4> <p>21.<a href="https://github.com/lenve/vhr/wiki/21.Excel%E5%AF%BC%E5%85%A5%E5%AF%BC%E5%87%BA%E6%95%88%E6%9E%9C%E5%9B%BE" rel="nofollow">Excel导入导出效果图</a><br/> 22.<a href="https://github.com/lenve/vhr/wiki/22.SpringMVC%E6%96%87%E4%BB%B6%E4%B8%8B%E8%BD%BD%E7%9A%84%E4%B8%A4%E7%A7%8D%E6%96%B9%E5%BC%8F" rel="nofollow">SpringMVC文件下载的两种方式</a><br/> 23.<a href="https://github.com/lenve/vhr/wiki/23.POI%E7%94%9F%E6%88%90Excel" rel="nofollow">POI生成Excel</a><br/> 24.<a href="https://github.com/lenve/vhr/wiki/24.axios%E4%B8%8B%E8%BD%BD%E6%96%87%E4%BB%B6" rel="nofollow">axios下载文件</a><br/> 25.<a href="https://github.com/lenve/vhr/wiki/25.%E4%BD%BF%E7%94%A8POI%E5%AE%9E%E7%8E%B0Excel%E5%AF%BC%E5%85%A5" rel="nofollow">使用POI实现Excel导入</a></p> <h2>2018.1.19 更新</h2> <p>本次更新版本:v20180119</p> <p>本次更新主要实现了当管理员添加一个用户时,添加成功后,会根据该用户的邮箱自动向用户发送一封欢迎入职邮件,页面在 <strong>[员工资料-&gt;基本资料-&gt;添加员工]</strong> 详情可以参考下面的文档。 <strong>注意:邮件发送需要小伙伴小伙伴自己配置授权码,配置方式参考下面的文档,配置文件在<a href="https://github.com/lenve/vhr/blob/master/hrserver/src/main/java/org/sang/common/EmailRunnable.java" rel="nofollow">src/main/java/org/sang/common/EmailRunnable.java</a></strong></p> <h4>相关文档:</h4> <p>26.<a href="https://github.com/lenve/vhr/wiki/26.SpringBoot%E4%B8%AD%E4%BD%BF%E7%94%A8Freemarker%E9%82%AE%E4%BB%B6%E6%A8%A1%E6%9D%BF%E7%94%9F%E6%88%90%E9%82%AE%E4%BB%B6" rel="nofollow">SpringBoot中使用Freemarker邮件模板生成邮件</a><br/> 27.<a href="https://github.com/lenve/vhr/wiki/27.Java%E4%B8%AD%E9%82%AE%E4%BB%B6%E7%9A%84%E5%8F%91%E9%80%81" rel="nofollow">Java中邮件的发送</a><br/> 28.<a href="https://github.com/lenve/vhr/wiki/28.SpringBoot%E4%B8%AD%E4%BD%BF%E7%94%A8%E6%96%B0%E7%BA%BF%E7%A8%8B%E5%8F%91%E9%80%81%E9%82%AE%E4%BB%B6" rel="nofollow">SpringBoot中使用新线程发送邮件</a></p> <h2>2018.1.25 更新</h2> <p>本次更新版本:v20180125</p> <p>本次更新主要完成了工资账套管理功能,页面在 <strong>[薪资管理-&gt;工资账套管理]</strong></p> <blockquote> <p>本次更新也更新了数据库脚本,小伙伴们需要重新下载数据库脚本执行。</p> </blockquote> <h4>相关文档:</h4> <p>29.<a href="https://github.com/lenve/vhr/wiki/29.%E5%B7%A5%E8%B5%84%E8%B4%A6%E5%A5%97%E7%AE%A1%E7%90%86%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D" rel="nofollow">工资账套管理功能介绍</a></p> <h2>2018.1.26 更新</h2> <p>本次更新版本:v20180126</p> <p>本次更新主要完成了员工账套设置功能,页面在 <strong>[薪资管理-&gt;员工账套设置]</strong></p> <blockquote> <p>本次更新也更新了数据库脚本,小伙伴们需要重新下载数据库脚本执行。</p> </blockquote> <h4>相关文档:</h4> <p>30.<a href="https://github.com/lenve/vhr/wiki/30.%E5%91%98%E5%B7%A5%E8%B4%A6%E5%A5%97%E8%AE%BE%E7%BD%AE%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D" rel="nofollow">员工账套设置功能介绍</a></p> <h2>2018.2.2 更新</h2> <p>本次更新版本:v20180202</p> <p>本次更新完成了HR在线聊天功能,页面在 <strong>[Home页-&gt;右上角铃铛-&gt;好友聊天]</strong></p> <h4>相关文档:</h4> <p>31.<a href="https://github.com/lenve/vhr/wiki/31.%E5%9C%A8%E7%BA%BF%E8%81%8A%E5%A4%A9%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D" rel="nofollow">在线聊天功能介绍</a><br/> 32.<a href="https://github.com/lenve/vhr/wiki/32.%E5%9C%A8%E7%BA%BF%E8%81%8A%E5%A4%A9%E5%8A%9F%E8%83%BD%E5%AE%9E%E7%8E%B0" rel="nofollow">在线聊天功能实现</a></p> <h2>2018.2.5 更新</h2> <p>本次更新版本:v20180205</p> <p>本次更新完成了管理员发送系统通知功能,页面在 <strong>[Home页-&gt;右上角铃铛-&gt;系统通知]</strong></p> <blockquote> <p>本次更新也更新了数据库脚本,小伙伴们需要重新下载数据库脚本执行。</p> </blockquote> <h4>相关文档:</h4> <p>33.<a href="https://github.com/lenve/vhr/wiki/33.%E7%B3%BB%E7%BB%9F%E9%80%9A%E7%9F%A5%E5%8A%9F%E8%83%BD%E5%AE%9E%E7%8E%B0" rel="nofollow">系统通知功能实现</a></p> <h1>其他资料</h1> <p>关注公众号<strong>江南一点雨</strong>,专注于 Spring Boot+微服务,定期视频教程分享,关注后回复 Java ,领取松哥为你精心准备的 Java 干货!</p> <p><img src="http://www.javaboy.org/images/sb/javaboy.jpg" alt="公众号二维码"/></p> <h1>License</h1> <pre><code>Copyright 2018 王松 Licensed under the Apache License, Version 2.0 (the &#34;License&#34;); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &#34;AS IS&#34; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. </code></pre>