学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。Maven配置找到maven的settings.xml-jdk-1.8-true1.8-1.81.81.8文件夹改动先关闭项目左上角-文件-关闭项目到如下图所示界面，再进入项目工程文件夹，删除除了src和pom.xml外的所有文件，并更改文件夹名为vhr-web进入pom.xml，修改下面这两处为vhr

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。聊天界面选用聊天界面选用github开源项目is-liyiwei/vue-Chat-demo,克隆到本地仓库，前端页面安装sass-loader、node-sassnpminstallsass-loader--save-dev//安装到dev环境下npminstallnode-sass--save-de

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。RabbitMQ安装详见我之前写的一篇文章Win10下RabbitMQ安装详解邮件服务搭建添加模块模块名：mailserver选择SpringInitializer，添加Thymeleaf、RabbitMQ、JavaMailSender,Springweb就不需要添加了，只需要依赖之前的vhr-mode

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。安装和使用Vuex命令行输入npminstallvuexnpminstallvuex创建src/store/index.jsimportVuefrom'vue'importVuexfrom'vuex'//导入VuexVue.use(Vuex)exportdefaultnewVuex.Store({//定

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。制作登录页面接上篇文章，正式开始制作登陆页面，本文中包括以后的文章中所有的关于element-ui的内容均可以在其官网中找到。登录页面就搞简单点，需要输入账号，密码，一个登录按钮，有这三样就行了。我们用element-ui的表单来完成登录功能，在官网找到表单的组件点击显示代码可以看到具体的代码可以直接复

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。后端使用ApachePOI进行Excel导出导入添加依赖org.apache.poipoi4.1.1Utilsutils/POIUtilspublicclassPOIUtils{//导出publicstaticResponseEntityemployee2Excel(Listlist){//1.创建一个

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。前端页面设计sys/SysHr.vue搜索{{hr.name}}用户名：{{hr.name}}手机号码：{{hr.phone}}电话号码：{{hr.telephone}}地址：{{hr.address}}用户状态：用户角色：{{role.nameZh}}备注：{{hr.remark}}exportdef

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。前后端分离的权限管理该部分来自江雨一点雨在传统的前后端不分的开发中，权限管理主要通过过滤器或者拦截器来进行（权限管理框架本身也是通过过滤器来实现功能），如果用户不具备某一个角色或者某一个权限，则无法访问某一个页面。但是在前后端分离中，页面的跳转统统交给前端去做，后端只提供数据，这种时候，权限管理不能再按

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。前端页面设计DepMana.vue{{data.name}}showAddDepView(data)">添加部门deleteDep(data)">删除部门上级部门{{pname}}部门名称取消确定exportdefault{name:"DepMana",data(){return{filterText:

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。Home页代码element-ui官网有布局代码//element-uiContainer布局容器微人事//element-uiDropdown下拉菜单菜单项点击事件{{user.name}}//sessionStorage中存放的用户信息//dropdown-item中的command对应comman

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。前后端接口对接这次需要同时启动两个项目，那就不能都用8080这个接口了，我们把后端的接口改为8081，在applicaiton.properties中添加就行。server.port=8081异常处理使用axios处理网络请求，统一处理请求异常。命令行运行npminstallaxios安装成功，依赖中出

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。创建项目创建该项目时采用的vue-cli4，可以在vue官网安装教程中下载安装。可以使用命令行创建然后在webstorm中导入项目，也可以直接用webstorm创建vue项目，webstorm实际上也是调用的命令行创建项目。项目创建时选择插件选择babel和router这两个插件。注意事项：项目创建完成

学习SpringBoot+Vue前后端分离项目，原项目GitHub地址，项目作者江雨一点雨博客。服务器环境搭建后端项目用idea中的springinitializer插件创建，若没有，则在打开设置-插件-市场中搜索spinginitializer下载安装并应用。创建时，勾选SpringWeb、SprigSecurit、MySQL以及MyBatis，SpringBoot的版本为2.1.8数据库准备将