最近单位在搭建统一权限管理的系统，在网上看到了若依的开源系统，若依管理系统基于Spring boot搭建的权限管理系统.

一、基本介绍

1.1 架构图

1.2 内置功能

用户管理：用户是系统操作者，该功能主要完成系统用户配置。

部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。

岗位管理：配置系统用户所属担任职务。

菜单管理：配置系统菜单，操作权限，按钮权限标识等。

角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。

字典管理：对系统中经常使用的一些较为固定的数据进行维护。

参数管理：对系统动态配置常用参数。

通知公告：系统通知公告信息发布维护。

操作日志：系统正常操作日志记录和查询；

系统异常信息日志记录和查询。

登录日志：系统登录日志记录查询包含登录异常。

在线用户：当前系统中活跃用户状态监控。

定时任务：在线（添加、修改、删除)任务调度包含执行结果日志。

代码生成：前后端代码的生成（java、html、xml、sql）支持CRUD下载 。

系统接口：根据业务代码自动生成相关的api接口文档。

服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。

在线构建器：拖动表单元素生成相应的HTML代码。

连接池监视：监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。

二、环境准备

2.1 nacos

在nacos的官网下载，解压完成后，以供后期使用。

2.2 mysql

在官方文档中，mysql版本最好为5.7+，mysql5.6以下存在datetime(0)无法导入的问题，可能需要自行替换(0)->''

mysql的安装过程在这里，就不在额外赘述，大家可以查询网上资料直接安装mysql数据库。

2.3 redis

由于，现在redis不在支持windows操作系统，将redis安装在linux的虚拟机上，方便直接操作。

redis的安装过程在这里，就不在额外赘述，大家可以查询网上资料直接安装redis数据库。

推荐：在这里给大家推荐一款redis 图形页面工具-RedisDesktopManager，大家可以偷懒不用敲命令，就能方便查看redis数据

2.4 yarn

在yarn官网下载[1]yarn安装包，直接双击运行即可

在安装yarn之后，执行yarn命令，会出现下面的问题：

• yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。

感谢网友的的解决方法[2]：

以管理员身份打开PowerShell，执行以下命令 set-ExecutionPolicy RemoteSigned

并设置淘宝镜像

yarn config set registry https://registry.npm.taobao.org/

2.5 host文件修改

需要在C:\Windows\System32\drivers\etc目录下的hosts文件中增加一下内容：

127.0.0.1 eureka7001.com
127.0.0.1 gateway.com

推荐： 在这里给大家推荐一个款软件SwitchHosts!，是一款非常方便切换host的开源软件

三、部署后端微服务

3.1 获取代码

若依后端代码采用采用Spring Boot、Spring Cloud & Alibaba，注册中心、配置中心选型Nacos，权限认证使用OAuth2，流量控制框架选型Sentinel。

git clone -b nacos https://gitee.com/zhangmrit/ruoyi-cloud.git

3.2 修改相关配置文件

3.2.1 导入nacos文件，并启动nacos

• 创建nacos数据库
• 导入nacos数据脚本 执行sql\nacos.sql文件，将相关配置文件导入nacos数据库

• 修改nacos配置文件 修改nacos的配置文件%nacos_home%\conf\application.properties，使其单机模式支持mysql，只需要将该文件中

• 启动nacos ，以单机的方式启动nacos。

startup.cmd -m standalone

3.2.2 创建ry_cloud数据库

创建ry_cloud数据库，执行sql\ry_cloud_0115.sql(其中，具体文件版本日期，以最新代码为准)，将相关数据导入到ry_cloud库中

3.2.3 创建activiti数据库

• 创建activiti数据库 执行sql\activiti.sql，该数据库为ruoyi-activiti服务所需要的数据库

• 修改ruoyi-activiti中resources\bootstrap.yml文件中数据库链接内容

3.3 修改数据库和redis配置文件

在nacos管理系统，点击配置管理 -> 配置列表功能，选择需要修改的配置参数，点击编辑，根据自己的配置参数，修改相应的参数。 以dev环境为例，需要修改redis配置参数的文件为：

ruoyi-auth-dev.yml
ruoyi-gateway-dev.yml
ruoyi-system-dev.yml

需要修改mysql数据库配置参数的文件为：

ruoyi-system-dev.yml
ruoyi-gen-dev.yml

RuoYI在参数中配置了主从访问机制，其中从库数据库默认关闭，在本地启动时，未修改从库数据源的相关信息

3.4 使用idea打开相关程序

点击 File -> Open 选择下载代码文件中的pom.xml

加载项目之后，项目需要下载相关的依赖，就是漫长的等待，这个等待的时间会根据你是否有缓存、你的网络、你的电脑，可能还有你的人品来决定。

3.5 启动后端微服务

经过漫长的等待，接下来就是激动人心的时刻，后端应用的最后一步，启动后端微服务。后台微服务对应用的启动顺序没有要求，启动每一个应用即可，需要启动应用为：

gateway
auth
system
act
gen 代码生成 可选
dfs 文件上传 可选

程序启动完成后，idea中service中看到已经启动的微服务

可以在nacos的管理系统中看到相关服务

四、部署前端

4.1 获取代码

若依前端的代码使用ant design vue框架，从ant Design vue pro项目fork后，增加相关代码，完成若依前端程序。

git clone https://gitee.com/zhangmrit/ruoyi-ant.git

4.2 修改配置文件

在前端的程序中，需要查看vue.confog.js中网关的配置是否正确，需要修改下图中target的内容与后端网关的请求IP和端口保持一致。

在最新更新的代码中，后端的网关接口为9527，与文档中的写道的8080不一样，而且，最新的代码中相关参数已经与后端的配置保持一致，此步可以省略，此处为方便后续修改网关参数，对应修改前端访问参数，特别说明。

4.3 启动程序

从gitee更新的代码后，只需简单的执行几个命令就可以完成即可启动。

• 进入ruoyi-ant目录

# 进入ruoyi-ant目录
cd ruoyi-ant

• 安装相关依赖

# 安装相关依赖
yarn install

• 开发模式启动

#开发模式启动
yarn run serve

• 启动成功 在这里没有使用cmd命令窗口启动，使用了PowerShell进行启动，大家可以根据自己的习惯选择具体的命令窗口，效果都是一样的。

在命令窗口中显示App running at http://localhost:8000/，在浏览器中输入 http://localhost:8000/，如果能够正常显示，则前端启动成功。

注：点击确定按钮，可以正常显示相应的图片验证码，如下图所示，如果验证码显示异常或者不显示，则需要检查host文件配置是否生效

#五、基本演示

• 登录页面

• 主页面

• 用户管理

• 角色管理

• 菜单管理

六、总结

首先非常感谢开源作者为我们提供RuoYi这款产品，我们可以不用使用太多的时间完成企业内部的权限管理系统的搭建，RuoYi使用多种架构（单体应用、前后端分里的分布式架构）可供我们选择。

然后，使用nacos作为注册中心和配置中心，在环境搭建上浪费了一些时间，但是，也学到了很多知识，网络上各种大神的问题解答，让问题能够更加迅速的解决；

最后，本文章罗列了一些在环境准备时，遇到的一些问题，可能没有全部罗列，大家可以到RuoYi-Cloud/issues[3]或着RuiYi常见问题[4]中，寻找解决办法。

参考资料

[1] yarn官网下载: https://classic.yarnpkg.com/zh-Hans/docs/install#windows-stable

[2] 解决方法: https://blog.csdn.net/weixin_38883338/article/details/100054550

[3] RuoYi-Cloud/issues: https://gitee.com/y_project/RuoYi-Cloud/issues

[4] RuiYi常见问题: http://doc.rycloud.zmrit.com/#/Q&A

[5] RuoYi快速启动: http://doc.rycloud.zmrit.com/#/quick-start?id=%e7%8e%af%e5%a2%83%e5%87%86%e5%a4%87

[6] windows下Yarn安装与使用: https://blog.csdn.net/w345731923/article/details/82878525

[7] 【报错】yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 + yarn install: https://blog.csdn.net/weixin_42050406/article/details/106120618

[8] npm安装教程: https://www.cnblogs.com/lgx5/p/10732016.html

[9] Nacos支持三种部署模式: https://nacos.io/zh-cn/docs/deployment.html

[10] 若依/RuoYi-Cloud: https://gitee.com/y_project/RuoYi-Cloud

[11] wind/ruoyi-ant: https://gitee.com/zhangmrit/ruoyi-ant

[12] nacos初体验-踩坑与填坑篇: https://www.jianshu.com/p/2425c96b470a