若依前后端分离版手把手教你本地搭建环境并运行项目

场景

RuoYi-Vue是一款基于SpringBoot+Vue的前后端分离极速后台开发框架。

RuoYi 官网地址:http://ruoyi.vip
RuoYi 在线文档:http://doc.ruoyi.vip
RuoYi 源码下载:https://gitee.com/y_project/RuoYi-Vue
RuoYi 在线提问:https://gitee.com/y_project/RuoYi-Vue/issues
RuoYi 博客:https://www.oschina.net/p/ruoyi

RuoYi-Vue 是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Spring Security、MyBatis、Jwt、Vue),内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集群,支持多数据源。

注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

截止到目前,若依前后端分离版的最新版本是3.1

 

之前使用的若依的前后端分离版的版本2.3前后端是单应用。后台所有的模块都在一个项目下。

自3.0之后,将单应用调整为多模块项目

下载源码之后ruoyi-ui是前端项目模块,ruoyi-admin是后端主模块,其他的是后端用到的其他模块。

这里以下载3.1为例,浏览器输入以下地址,

https://gitee.com/y_project/RuoYi-Vue/tree/v3.1/

使用git clone 或者压缩包下载的方式将RuoYi-Vue下载,下载之后的目录

 

可以看到下面的sql目录下会有两个sql文件,这两个sql文件就是数据文件。

所以首先在本地新建一个Mysql数据库,这里叫ry-vue310

 

切记在新建数据库时要将字符集设置为utf8不然在执行向数据库插入一些数据含有中文时会报错。

新建数据库完成后在数据库上右击-运行sql文件,这里使用的是Navicat连接工具。然后选中上面的sql目录下的ry_20200901.sql

点击开始,然后再执行sql目录下的quartz.sql

 

初始化数据库完成之后,会在数据库下生成一些表,并在表中生成一些数据。

 

然后使用IDEA-File-Open,选择Ruo-Yi-Vue,打开后,找到ruoyi-admin模块下的application-druid.yml

然后将连接数据的连接语句的数据库以及用户名和密码改为自己的。

后端项目还使用到了Redis作缓存用。所以需要在你的本地安装Redis服务端,这里是在 Windows下。

Windows中Redis的下载安装与修改密码并启动:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107486313

参照如上教程安装完Windows服务端并启动。

然后打开ruoyi-admin下的application.yml修改redis为自己的端口和密码。

如果使用IDEA打开项目后报错,在报错的地方alt+enter,选择SetJDK

 

这里选择自己本地配置的JDK1.8

 

然后找到vue-admin下的RuoYiApplication,右击运行启动后台项目。

 

启动成功,默认端口是8080。

然后启动前端项目。

这里使用VSCode将前端项目RUOYI-UI打开,然后在此处新建终端,输入

npm install --registry=https://registry.npm.taobao.org

安装相关依赖

 

安装成功后,运行项目

npm run dev

 

前端项目默认的端口是80端口,如果80被占用就会使用81端口,具体看启动成功后的输出,这里是启动在81端口,打开浏览器输入

http://localhost:81/

然后能出现验证码则是请求后台成功。

 

输入验证码登录成功后

 

已标记关键词 清除标记
<p> <span style="font-size:16px;"><br /> </span> </p> <p> <span style="font-size:16px;"><strong>课程简介:<br /> </strong>本课程主要是跟各位小伙伴分享、介绍并实战两大核心的用户身份认证(接口鉴权)模式,即</span><span style="font-size:16px;">基于</span><span style="font-size:16px;">Token</span><span style="font-size:16px;">的认证模式</span><span style="font-size:16px;"> 以及 </span><span style="font-size:16px;">基于</span><span style="font-size:16px;">Session</span><span style="font-size:16px;">的认证模式</span><span style="font-size:16px;">,其中</span><span></span> </p> <p> <span style="font-size:16px;">(1)   </span><span style="font-size:16px;">基于</span><span style="font-size:16px;">Token</span><span style="font-size:16px;">的认证模式</span><span style="font-size:16px;"> 则主要介绍了三种核心、主流的认证模式,即基于</span><span style="font-size:16px;">Token+</span><span style="font-size:16px;">数据库、基于</span><span style="font-size:16px;">Token+</span><span style="font-size:16px;">缓存中间件</span><span style="font-size:16px;">Redis</span><span style="font-size:16px;">、基于</span><span style="font-size:16px;">Token+JWT</span><span style="font-size:16px;">的认证模式。</span><span></span> </p> <p> <span style="font-size:16px;">(2)   </span><span style="font-size:16px;">基于</span><span style="font-size:16px;">Session</span><span style="font-size:16px;">的认证模式 </span><span style="font-size:16px;">也主要介绍了三种核心、主流的认证模式,即基于原生</span><span style="font-size:16px;">Spring Session</span><span style="font-size:16px;">以及</span><span style="font-size:16px;">Session</span><span style="font-size:16px;">共享的认证模式、基于</span><span style="font-size:16px;">Shiro Session</span><span style="font-size:16px;">的认证模式、基于</span><span style="font-size:16px;">Shiro + Redis </span><span style="font-size:16px;">的</span><span style="font-size:16px;">Session</span><span style="font-size:16px;">共享认证模式</span><span></span> </p> <p> <span style="font-size:16px;">即课程的整体介绍如下图所示:</span> </p> <p> <span style="font-size:16px;"><img src="https://img-bss.csdn.net/201909120730297517.png" alt="" /><br /> </span> </p> <p> <span style="font-size:16px;"> </span> </p> <p> 核心技术栈列表: </p> 值得介绍的是,本课程在技术栈层面涵盖了“用户身份认证”、“接口鉴权”等业务场景 常用的大部分技术,包括<span>Spring Boot2.x</span>、<span>Spring MVC</span>、<span>Mybatis</span>、加密解密算法<span>AES</span>、雪花算法<span>Snowflake</span>、统一验参工具<span>ValidatorUtil</span>、<span>JWT</span>(<span>Json Web Token</span>)、缓存中间件<span>Redis</span>、<span>Shiro(</span>身份认证与会话等等<span>)</span>、过滤器<span>Filter</span>、拦截器<span>Interceptor</span>、热部署插件<span>Devtools</span>、等等,如下图所示<br /> <p> <span style="font-size:16px;"><img src="https://img-bss.csdn.net/201909120732073201.png" alt="" /><br /> </span> </p> <p> <span style="font-size:16px;"> </span> </p> <p> <br /> </p> <p> 值得一提的是,本课程所介绍的核心重点在于“仅仅围绕基于<span>Token</span>的认证模式”进行展开讲解与实战,如下图所示为<span>Debug</span>亲自罗列、归纳出来的几大核心要点(面试官就经常喜欢这样面): </p> <img src="https://img-bss.csdn.net/201909120732381227.png" alt="" /><br /> <p> <span style="font-size:16px;"><br /> </span> </p> <p> <span style="font-size:16px;"> </span> </p> <p> 如下图所示为 基于<span>Token</span>认证模式 总体上的时序图:<span></span> </p> <img src="https://img-bss.csdn.net/201909120733009772.png" alt="" /><br /> <p> <br /> </p>
相关推荐
<p> <span style="font-size:16px;">课程采用目前市面上比较热门的技术Vue、Spring Boot、Spring Security开发,符合绝大多数公司开发的主流技术,采用前后分离完成项目的开发;<br /></span> </p> <p> <span style="font-size:16px;">    课程分前和后两部分;前采用Vue Element 完成界面布局,从零开始搭建项目手把手带领搭建完成从0到1的完成前项目的开发,数据接口对接,动态菜单的加载,动态路由的生成,token的校验等;后采用Spring Boot 、Spring Security开发接口,从0开始带领搭建项目,权限管理设计开发、Spring Security权限框架在前后分离项目中的使用等。课程做了详细的笔记文档,方便使用学习。<br /></span> </p> <p> <span style="font-size:16px;">    课程收货</span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span></span><span>掌握Vue Element 开发后台页面的能力,从而深入理解Vue在后台管理系统中的开发流程;</span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span></span><span>掌握运用Spring Boot开发后台接口的能力;</span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span></span><span>掌握Spring Security开发权限管理的能力;</span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span style="font-size:14px;"></span><span>掌握Redis缓存在开发中的运用能力;</span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span style="font-size:14px;"></span><span>最终学会用Vue Element  Spring Boot 从0到1搭建小型前后分离项目的能力,从而更深入的理解系统中整个数据的流向,从哪里来,到哪里去;</span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span> </span></span></p><p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span>课程截图<br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span>    <img src="https://img-bss.csdn.net/202005240214191169.png" alt="" /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><img src="https://img-bss.csdn.net/202005240215025050.png" alt="" /><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><img src="https://img-bss.csdn.net/202005240215236455.png" alt="" /><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><img src="https://img-bss.csdn.net/202005240215342541.png" alt="" /><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <br /></p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><br /></span></span> </p> <p style="background-color:#FFFFFF;color:#333333;font-size:19px;text-align:justify;"> <span><span><br /></span></span> </p>
<div style="color:#444444;"> 适用人群 <p style="color:#666666;"> Java开发人员,Vue开发人员,前后分离开发人员,权限管理和配置开发人员 </p> </div> <div style="color:#444444;"> 课程概述 <div style="color:#666666;"> 【讲师介绍】<br /> 讲师职称:<br />               现某知名大型互联网公司资深架构师,技术总监,职业规划师,首席面试官,曾在某上市培训机构,高校任多年。<br />             Array(Array老师)10多年互联网公司实战经验,知名的大型互联网公司的架构师,高管等职,在企业长期从事于技术的源码阅读和新技术的研究;擅长于职业规划,面试辅导,从事面试官多年;擅长于JAVA,人工智能AI应用,Xmind等等,曾服役于国内某上市培训机构数年,独特的培训思路,培训体系,培训方式,实践的职场技能,职场现状,职场晋升等让你快速适应企业职场的所需。 <br /> 【课程介绍】<br /> 技术选型<br /> 开发环境:Eclipse/Idea ,JDK 1.8以上 <br /> 后技术<br /> 核心框架:SpringBoot2.x框架系列(同样适用Springcloud F本以后的本),如下(节选):    <br /> 持久层框架:MyBatis 3.x + Mybatis-plus 3.x<br /> 日志管理:SLF4J 1.7 + Log4j2 2.7<br /> 工具类:Apache Commons、Jackson 、fastjson、Gson<br /> 权限验证<br /> 前技术  <br /> Vue  <br /> Vue-cli<br /> ElementUI ---https://element.eleme.io/<br /> JSX (JavaScript Xml)<br /> 前台的权限验证和路由设置<br /> 开发模式  <br />      前后分离的开发<br /> 数据库 <br />       Mysql5<br /> IDE<br />     Intellij Idea </div> </div>
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页