一. 问题背景
最近想玩玩前后分离的项目,看看怎么弄的。我了解有2个比较受欢迎的前后端分离项目:mall和ruoyi。这两个开源项目好像都挺火的。考虑到mall项目太庞大,部署起来可能遇到挺多bug,所以拿若依项目入手了
二. 步骤
2.1 下载源码
去gitee页面下载即可。
注:gitee的工程中已经包含了后端源码和前端源码(前端源码在ruoyi-ui文件夹)
2.2 搭建环境
-
windows系统上安装node.js,这个去百度找教程
-
windows系统上安装MySQL,我选择8.0版本
-
Linux系统安装redis,我选择5.0.4版本
注:以上软件都可去百度找教程即可
2.3 导入数据库
用IDEA打开从gitee上下载的RuoYi-Vue项目,找到ruoyi-admin模块,在数据库中创建名为ry-vue的数据库,依据如下:
执行sql文件夹中的sql脚本,如下:
2.4 下载Vue.js插件
由于idea不能识别vue项目,需要下载Vue.js插件。
2.5 打包后端项目
2.6 启动后端
运行ruoyi-admin模块中的
RuoYiApplication
类的main()
方法即可
2.7 构建并启动前端项目
2.7.1 切换npm镜像源并安装依赖
点击idea的terminal,进入ruoyi项目所在的目录,再进入ruoyi-ui文件夹,输入如下:
# 切换镜像源
npm install --registry=https://registry.npm.taobao.org
# 安装依赖
npm install
2.7.2 运行前端项目
输入如下:
npm run dev
或者如下:
启动完成时,它会自动弹出界面。如果不弹出,访问如下网址即可:
- Local: http://localhost:80/
- Network: http://192.168.0.106:80/