微人事-前端
适配:Rainbond
企业办公
累计购买

2

销售积分:

100

版      本:

v1.0

购买企业:
应用详情
<p>微人事是一个前后端分离的人力资源管理系统,项目采用SpringBoot+Vue开发。</p> <p>项目地址:<a href="https://github.com/lenve/vhr" target="_blank">https://github.com/lenve/vhr</a></p> <blockquote> <p>原本计划把项目跑起来放到网上供小伙伴们查看,但是之前买服务器为了省钱,内存只有512M,两个应用跑不起来(已经有一个<a href="https://github.com/lenve/VBlog" target="_blank">V部落开源项目</a>在运行),因此小伙伴们只能将就看一下下面的截图了,文末有部署教程,部署到本地也可以查看完整效果。</p> </blockquote> <ul> <li><a href="https://mp.weixin.qq.com/s/qN01Le434FWom0c3jqiQmA" target="_blank">项目部署视频教程</a></li> </ul> <h1><a id="tips_10"></a>tips</h1> <p>由于整个项目功能比较多,也比较复杂,因此分多期开发,目前权限管理模块已经开发完成,其他模块还在开发当中。考虑到权限管理模块相对独立,和其他模块的功能并不冲突,同时前后端分离之后的权限管理又是许多小伙伴的痛点,因此将本项目提前开源供小伙伴们研究。<strong>但是小伙伴们需要注意的是,这个项目中你无法看到所有的功能,因为没有完工。权限管理相关的模块主要有两个,分别是 [系统管理-&gt;基础信息设置-&gt;权限组] 可以管理角色和资源的关系, [系统管理-&gt;操作员管理] 可以管理用户和角色的关系。另外,本项目也在不断的更新中,小伙伴们可以通过下方的更新记录查看最新完成的功能。</strong></p> <h1><a id="_14"></a>英雄帖</h1> <p>该项目还有一些功能尚未完成,非常欢迎小伙伴们提交pr,我会将大家所做的工作展示在README中!</p> <h1><a id="_18"></a>整体效果</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><a id="_37"></a>技术栈</h1> <h2><a id="_39"></a>后端技术栈</h2> <p>1.SpringBoot<br /> 2.SpringSecurity<br /> 3.MyBatis<br /> 4.MySQL</p> <h2><a id="_46"></a>前端技术栈</h2> <p>1.Vue<br /> 2.ElementUI<br /> 3.axios<br /> 4.vue-router</p> <p>还有其他一些琐碎的技术就不一一列举了。</p> <h1><a id="_55"></a>快速部署</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 class="lang-"># 安装依赖 npm install # 在 localhost:8080 启动项目 npm run dev </code></pre> <p>由于我在vuehr项目中已经配置了端口转发,将数据转发到SpringBoot上,因此项目启动之后,在浏览器中输入<code>http://localhost:8080</code>就可以访问我们的前端项目了,所有的请求通过端口转发将数据传到SpringBoot中(注意此时不要关闭SpringBoot项目)。</p> <p>6.最后可以用WebStorm等工具打开vuehr项目,继续开发,开发完成后,当项目要上线时,依然进入到vuehr目录,然后执行如下命令:</p> <pre><code class="lang-">npm run build </code></pre> <p>该命令执行成功之后,vuehr目录下生成一个dist文件夹,将该文件夹中的两个文件static和index.html拷贝到SpringBoot项目中resources/static/目录下,然后就可以像第4步那样直接访问了。</p> <p><strong>步骤5中需要大家对NodeJS、NPM等有一定的使用经验,不熟悉的小伙伴可以先自行搜索学习下,推荐<a href="https://cn.vuejs.org/v2/guide/" target="_blank">Vue官方教程</a>。</strong></p> <h1><a id="_91"></a>文档</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" target="_blank">权限数据库设计</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" target="_blank">服务端环境搭建</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" target="_blank">动态处理角色和资源的关系</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" target="_blank">密码加密并加盐</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" target="_blank">服务端异常的统一处理</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" target="_blank">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" target="_blank">将请求方法挂到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" target="_blank">登录状态的保存</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" target="_blank">登录成功后动态加载组件</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" target="_blank">角色资源关系管理</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" target="_blank">用户角色关系管理</a></p>
好雨科技开源应用商店
好雨科技开源应用商店