若依开源项目配置——Vue前后端分离版(一)
写在前面
官方配置文档:http://doc.ruoyi.vip/ruoyi-vue/document/hjbs.html
准备项目
JDK >= 1.8 (推荐1.8版本,我用的是1.8.0_301)
Mysql >= 5.7.0 (推荐5.7版本,我用的是8.0.19)
Redis >= 3.0 (我用的是3.2.100)
Maven >= 3.0 (我用的是3.6.3)
Node >= 10 (我用的是15.6.0)
项目路径:https://gitee.com/y_project/RuoYi-Vue
git clone一份到Idea中,即可。
准备后端运行环境
配置数据文件
- 创建数据库ry-vue并导入数据脚本ry_2021xxxx.sql,quartz.sql
- 本地新建
ry-vue
数据库,导入上图的sql语句(库名可以随便起,我用的是默认的数据库名称)
修改数据源
- ruoyi-admin\src\main\resourcesresources
目录下的
application-druid.yml
# 数据源配置
spring:
datasource:
type: com.alibaba.druid.pool.DruidDataSource
driverClassName: com.mysql.cj.jdbc.Driver
druid:
# 主库数据源
master:
url: 数据库地址
username: 数据库账号
password: 数据库密码
配置服务器端口
- 编辑
ruoyi-admin\src\main\resourcesresources
目录下的application.yml
这一步默认8080端口即可
配置redis数据源
windows版本下载地址:https://github.com/tporadowski/redis/releases
下载好,直接点击运行即可!
启动后端项目
运行 com.ruoyi.RuoYiApplication.java
,出现如下图表示启动成功。
启动成功!
准备前端运行环境
写在前面
# 进入项目目录
cd ruoyi-ui
# 安装依赖
npm install
# 强烈建议不要用 cnpm 安装,会有各种bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npm.taobao.org
# 本地开发 启动项目
npm run dev
启动前需要在 IDEA 中安装 Vue.js 插件
安装依赖
前端系统使用的是Vue框架,所以需要使用Node.js环境。
node.js自带npm(包管理工具),因此不需要再另外安装npm。
nodejs各版本下载地址:https://nodejs.org/zh-cn/download/
安装nodejs就不用多说了吧(除了需要选择安装路径,其他的一路next即可)
打开cmd命令窗口,输入 node -v
和 npm -v
,显示出版本号,表示安装成功。
- 安装依赖
# 强烈建议不要用 cnpm 安装,会有各种bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npm.taobao.org
报错!
查阅资料得知,npm7.x的版本比npm6.x更严格,两种解决方案:
- 降级到npm6.x
- npm i --legacy-peer-deps (我使用的是第二种)
npm i --legacy-peer-deps
然后就可以了,依赖都安装好了
- tips:Node.js可以安装V14.6.0,它的npm版本是6.X
启动前端项目
# 本地开发 启动项目
npm run dev
启动步骤
1. 启动redis
2. 启动后端
3. 启动前端