四阶段--若依权限管理子系统(平台-半成品)

若依权限管理子系统(平台-半成品)
1 若依系统简介
1.1 若依概述
若依微服务版RuoYi-Cloud，基于Spring Boot、Spring Cloud & Alibaba、OAuth2的前后端分离的后台管理系统。
RuoYi-Cloud 是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Cloud & Alibaba、OAuth2、Vue、Element-UI），
内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源。
1.2 官方文档地址
若依官网 http://ruoyi.vip/。
若依微服务官网地址 https://doc.ruoyi.vip/ruoyi-cloud/
1.3 微服务技术选型
 后端技术栈:
MyBatis、Spring、Spring Boot、Spring Cloud & Alibaba、Nacos、Sentinel
 前端VUE技术栈:
ES6、vue、vuex、vue-router、vue-cli、axios、element-ui

1.4 系统微服务模块骨架
 后端项目骨架，如图所示：

com.ruoyi
├── ruoyi-ui // 前端框架 [80]
├── ruoyi-gateway // 网关模块 [8080]
├── ruoyi-auth // 认证中心 [9200]
├── ruoyi-api // 接口模块
│ └── ruoyi-api-system // 系统接口
├── ruoyi-common // 通用模块
│ └── ruoyi-common-core // 核心模块
│ └── ruoyi-common-datascope // 权限范围
│ └── ruoyi-common-datasource // 多数据源
│ └── ruoyi-common-log // 日志记录
│ └── ruoyi-common-redis // 缓存服务
│ └── ruoyi-common-security // 安全模块
│ └── ruoyi-common-swagger // 系统接口
├── ruoyi-modules // 业务模块
│ └── ruoyi-system // 系统模块 [9201]
│ └── ruoyi-gen // 代码生成 [9202]
│ └── ruoyi-job // 定时任务 [9203]
│ └── ruoyi-file // 文件服务 [9300]
├── ruoyi-visual // 图形化管理模块
│ └── ruoyi-visual-monitor // 监控中心 [9100]
├──pom.xml // 公共依赖

 前端项目骨架结构，如图所示：

├── build // 构建相关
├── bin // 执行脚本
├── public // 公共文件
│ ├── favicon.ico // favicon图标
│ └── index.html // html模板
├── src // 源代码
│ ├── api // 所有请求
│ ├── assets // 主题字体等静态资源
│ ├── components // 全局公用组件
│ ├── directive // 全局指令
│ ├── layout // 布局
│ ├── router // 路由
│ ├── store // 全局 store管理
│ ├── utils // 全局公用方法
│ ├── views // view
│ ├── App.vue // 入口页面
│ ├── main.js // 入口 加载组件 初始化等
│ ├── permission.js // 权限管理
│ └── settings.js // 系统配置
├── .editorconfig // 编码格式
├── .env.development // 开发环境配置
├── .env.production // 生产环境配置
├── .env.staging // 测试环境配置
├── .eslintignore // 忽略语法检查
├── .eslintrc.js // eslint 配置项
├── .gitignore // git 忽略项
├── babel.config.js // babel.config.js
├── package.json // package.json
└── vue.config.js // vue.config.js

1.5 系统微服务技术架构
若依分布式架构设计，如图所示：

2 若依微服务项目部署
2.1 准备工作
项目需要的基础环境需求如下：

JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Redis >= 3.0 (市场主流版本，最新版本为6.xx)
Maven >= 3.0 (http://maven.apache.org/download.cgi)
Node >= 10 (稳定版，https://nodejs.org/en/download/)
nacos >= 1.4.1 （https://github.com/alibaba/nacos/releases）
sentinel >= 1.6.0

当这些软件不知道如何去下载时候，打开搜索引擎，使用组合查询方法，去找下载路径，
例如 redis download

2.2 安装Redis
Redis官网：

http://www.redis.cn/

Windows版本下载以后，网址如下：

https://github.com/MicrosoftArchive/redis/releases

https://github.com/tporadowski/redis/releases

windows下的安装，直接解压，其个目录如下：

安装windows下安装服务，在redis根目录启动命令行(cmd)，执行
redis-server --service-install redis.windows.conf
启动redis服务(启动成功以后会出现successful)
redis-server --service-start
其它redis指令（这个操作可以不执行）
redis-server --service-stop //停止服务
redis-server --service-uninstall //卸载服务
连接测试redis,在redis根路径执行（默认端口6379）

redis-cli -h 127.0.0.1 -p 6379

2.3 安装MySql数据库
(省略)
说明：mysql数据库的版本一定要在5.7以上。
2.4 安装Nacos服务治理业务
第一步：Nacos下载,可在浏览器直接输入如下地址：

https://github.com/alibaba/nacos/releases

第二步：选择对应版本，直接下载，如图所示：

第三步：解压Nacos（最好不要解压到中文目录下），其目录结构如下：

第四步：打开/conf/application.properties里打开默认配置，并基于你当前环境配置要连接的数据库，连接数据库时使用的用户名和密码：

If use MySQL as datasource:

spring.datasource.platform=mysql

Count of DB:

db.num=1

Connect URL of DB:

db.url.0=jdbc:mysql://127.0.0.1:3306/ry-config?characterEncoding=utf8&connectTimeout=1000&socketTimeout=3000&autoReconnect=true&useUnicode=true&useSSL=false&serverTimezone=UTC
db.user.0=root
db.password.0=root

说明，后续我们配置RuoYi-Cloud项目时，这个项目很多配置信息需要存储到ry-config数据库中。

2.5 克隆RuoYi-Cloud微服务项目
选择项目指定目录，然后通过Git指令克隆项目(建议使用老师给大家的)
git clone https://gitee.com/y_project/RuoYi-Cloud.git
克隆下来的项目其目录机构如下：

2.6 初始化RuoYi-Cloud微服务项目数据
第一步：创建数据库ry-cloud(推荐命令行或者navicat，不要使用其它数据库的名字),编码为utf8mb4，然后执行sql目录下的ry_20210108.sql和quartz.sql(可选),文件执行成功以后，在ry-cloud库中出现如下表。

第二步：执行sql目录下的ry_config_20201222.sql，然后会创建一个数据ry-config数据库，库中的表如下：

说明：对于如上两个步骤也在命令行登录mysql后，使用source指令直接执行老师下发的
RuoYi-Cloud.sql,RuoYi-Config.sql,例如

source d:/RuoYi-Cloud.sql

3 若依后端微服务启动运行
3.1 启动Nacos服务

第一步：进入nacos的bin目录，启动nacos(standalone代表着单机模式运行，非集群模式):

startup.cmd -m standalone

第二步:访问Nacos服务

打开浏览器，输入http://localhost:8848/nacos地址，出现如下登陆页面：

默认登陆用户名和密码都为nacos，登陆成功以后，进入如下页面：

打开配置列表，如图所示：

然后从”上往下挨个编辑”，把设计到连接Mysql和Redis的所有地方，改为自己对应的用户名和密码，以网关的配置文件ruoyi-auth-dev.yml为例，如图所示：

3.2 基于IDEA打开项目
第一步：基于IDEA打开项目，如图所示：

第二步：项目打开以后，配置maven下载项目依赖。

3.3 启动并检测后端项目服务
第一步：依次启动ruoyi-gateway，ruoyi-auth，ruoyi-modules下的ruoyi-system。
第二步:检测nacos的服务列表，如图所示：

4 若依前端项目配置及运行
4.1 安装项目依赖
第一步：选中前端项目，如图所示：

第二步：右键前端项目，打开终端命令行，如图所示：

第三步：在命令行输入npm install 安装项目依赖，如图所示：

4.2 启动运行前端项目

第一步：在命令行输入 npm run dev 启动运行前端服务，如图所示：

第五步：浏览器输入localhost进行访问，进入登陆页面，如图所示

第六步：输入账号（admin/admin123）,登陆系统，如图所示：

5 总结(Summary)
5.1 重难点分析
 熟悉若依平台业务及技术(架构、技术栈)
 掌握第三方平台的一个搭建过程（参考官方或企业文档）
 掌握微服务架构的项目结构（参考结构创建自己的项目）。
5.2 FAQ分析
 如何在命令行执行sql脚本文件？source d:/RuoYi-Cloud.sql
 数据库中的导入的数据是乱码？Sqlyog可能会有这个问题
 Nacos服务启动后看不到配置数据？检查nacos配置文件application.properties中数据库的连接配置。
5.3 BUG分析
 Cannot resolve plugin spring-boot-maven-plugin:
 MySql执行sql脚本时失败(检查你mysql的版本是否为5.7以上版本)
 500 exception （一定要看服务端服务是否启动，控制台是否有异常）
 Redis启动失败（先卸载再启动）
 Npm install （安装客户端依赖过程失败，首先检测node版本,选择稳定版）
 服务启动时显示连接数据库失败(检查nacos配置列表中配置文件内容是否修改了连接数据库的配置)