若依前后分离版源码下载地址

https://gitee.com/y_project/RuoYi-Vue

若依前后分离版官网文档

http://doc.ruoyi.vip/ruoyi-vue/

1.下载好项目包,解压后下面是目录总览: ruoyi-ui 是前端项目, sql文件夹有两个sql文件

若依后端 设定pagesize 若依前后端分离教程_后端

后端启动

后端项目前置

mysql 、redis已经安装好

导入项目修改配置文件

  1. 端口号改成其他的一般不用8080(防止以后别的项目端口冲突,笔者为8089
  2. mysql 服务 账号密码 改成自己的(笔者为 账号root 密码root)
  3. 若依后端 设定pagesize 若依前后端分离教程_java_02

  4. 在Navicat,localhost连接下创建 ry-vue数据库(上图标红处配置用的ry-vue故创建此名)
  5. 若依后端 设定pagesize 若依前后端分离教程_前端_03

  6. ry-vue 数据库上右键 运行sql文件

若依后端 设定pagesize 若依前后端分离教程_java_04


5. 运行redis服务

若依后端 设定pagesize 若依前后端分离教程_前端_05

  1. 在idea中启动项目(如下图:启动成功标志)

前端启动

项目前置

安装好node.js和vue脚手架 下面是地址(已配置好的忽略此项)


打开vscode导入前端项目

  1. 设置vscode为管理员启动 右键->属性->兼容性 勾选以管理员身份运行 确定

若依后端 设定pagesize 若依前后端分离教程_若依后端 设定pagesize_06

  1. vscode 点击左上角文件 -》 打开文件夹 ,选中ruoyi-ui项目打开
  2. 找到vue.config.js 修改端口号为8089(因为后端端口配置为8089) target: http://localhost:8089
  3. 若依后端 设定pagesize 若依前后端分离教程_vue.js_07

  4. 找到package.json文件 在scripts下 添加

“build”: “webpack”

若依后端 设定pagesize 若依前后端分离教程_后端_08

  1. vscode中 终端-》新建终端 输入 cnpm i 回车 等待安装完毕后,
    输入cnpm run dev 启动项目 如图出现地址,启动成功:

前端项目报错解决

  1. 提示 $ 标识符无法识别,或者 cnpm无法识别等 都为node.js配置问题,参考配置地址


  1. cnpm : 无法加载文件 E:\nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行脚本。

原因:这是因为没有管理员授权
解决:电脑左下角window图标 右键 选择windows PowerShell(管理员A),输入下面命令 回车

set-ExecutionPolicy RemoteSigned

然后输入 大写 Y 回车

Y

若依后端 设定pagesize 若依前后端分离教程_java_09

若依后端 设定pagesize 若依前后端分离教程_java_10