本地电脑启动若依前后分离的项目

一. 问题背景

最近想玩玩前后分离的项目，看看怎么弄的。我了解有2个比较受欢迎的前后端分离项目：mall和ruoyi。这两个开源项目好像都挺火的。考虑到mall项目太庞大，部署起来可能遇到挺多bug，所以拿若依项目入手了

二. 步骤

2.1 下载源码

去gitee页面下载即可。

注：gitee的工程中已经包含了后端源码和前端源码（在ruoyi-ui文件夹）。

2.2 搭建环境

1. windows系统上安装node.js，这个去百度找教程

2. windows系统上安装MySQL，我选择8.0版本

3. 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/

2.8 访问首页

访问http://localhost:80/即可