若依前后端分离版手把手教你本地搭建环境并运行项目
场景
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/
然后能出现验证码则是请求后台成功。
输入验证码登录成功后
若依前后端分离版手把手教你本地搭建环境并运行项目相关推荐
- 若依微服务版手把手教你本地搭建环境并运行前后端项目
场景 若依微服务版RuoYi-Cloud,基于Spring Boot.Spring Cloud & Alibaba.OAuth2的前后端分离的后台管理系统. RuoYi-Cloud 是一个 J ...
- 若依前后端分离版怎样去掉登录验证码
场景 若依前后端分离版手把手教你本地搭建环境并运行项目: 若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分离版本的配置 上面在 ...
- 若依前后端分离版获取部门表所有最子级部门并匹配部门名称生成excel
场景 若依前后端分离版手把手教你本地搭建环境并运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面 ...
- 若依前后端分离版数据库已经存在的字典添加一条后刷新没作用,必须清除Redis缓存
场景 使用若依的前后端分离版,前端下拉框的使用直接查询的是字典表中的数据. 对于某个类型的字典如果之前已经添加过并使用过,后来想要再添加一条此类型的字典. 在数据库中添加后,前端刷新下,发现没有获取到 ...
- 若依前后端分离版怎样根据数据库生成代码并快速实现某业务的增删改查
场景 使用若依的前后端分离版,怎样使用其代码生成实现对单表的增删改查导出的业务. 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程 ...
- 若依前后端分离版怎样修改主页面和浏览器上的图标和标题
场景 使用若依的前后端分离版,,其默认的图标和标题等如下 如果想要修改为自己想要的标题和图标,实现类似下面的效果 注: 博客: https://blog.csdn.net/badao_liumang_ ...
- 若依管理系统前后端分离版基于ElementUI和SpringBoot怎样实现Excel导入和导出
场景 使用若依前后端分离版实现Excel的导入和导出. 前端:Vue+ElementUI 后端:SpringBoot+POI+Mysql 注: 博客: https://blog.csdn.net/ba ...
- 若依前后端分离版怎样修改主页面显示请求的SpringBoot后台数据
场景 使用若依的前后端分离版,本来的首页效果是 现在如果要根据具体业务实现从后台获取要显示的数据实现类似下面的效果 注: 博客: https://blog.csdn.net/badao_liumang ...
- Ruoyi-Vue若依前后端分离版 2022年5月 基于代码生成器的新模块添加
Ruoyi-Vue若依前后端分离版 2022年5月 基于代码生成器的新模块添加 在ruoyi数据库的基础上.编辑好自己的数据库表 启动ruoyi前后端,进系统使用代码生成器 将生成的代码导入到现有的项 ...
最新文章
- (0005) iOS 开发之WebViewJavascriptBridge的升级问题
- Huggingface简介及BERT tansformer 开源
- 坑爹的属性,android:descendantFocusability用法简析
- redis3.0 java spring_spring整合redis以及使用RedisTemplate的方法
- PHP全栈学习笔记10
- MongoDB搭建和简单操作(windows环境)
- list遍历_Qt 容器类之遍历器和隐式数据共享
- Linux socket多进程服务器框架二
- 优雅的closesocket
- 供销大集有潜力吗_社区团购遭点名批评,互联网巨头真的只是惦记那几捆白菜吗?| 吴坚浙商频道...
- VC++ (MFC)调用 C#生成DLL的两种方法
- 监控网站与接口宕机,并推送 App 消息提醒的程序
- 关于6月20日PMP认证考试准考信下载及考场规定的通知
- java最小因子_一个整数的所有最小因子
- 本来面目——大教堂、集市,与作坊
- 【STL】string详解(string类常用的操作函数、构造函数、赋值操作、子符串的拼接、查找和替换、比较、存取、插入和删除、获取)
- Websocket安装说明
- php trimarray,PHP trim()函数和array_unique()函数去重 【原创】
- 20220316_Scanner、匿名对象、Random、ArrayList
- addEventListener 事件监听
热门文章
- java成员属性生命周期,Spring注解 - 生命周期、属性赋值、自动装配
- mysql 插入加锁_MySQL 是怎么死锁的?
- python xlwt xlrd_用xlrd和xlwt操作Excel文档
- 如何读取resources目录下的文件路径(九种方式)
- 堆(heap)和栈(stack)的区别
- 登录form php一个页面跳转页面,form表单页面跳转方式提交练习
- java中dateformat类的作用_java-SimpleDateFormat类中可用的日期格式是什么?
- js 获取鼠标在画布的位置_使用faceapi.js轻松将面部识别添加到你的应用程序
- php基础面试选择题,2017年基础php面试题
- php图片生成缩略图_PHP实现生成图片缩略图函数