README.md

grace

项目介绍

该项目是一个基于 SpringBoot+SpringCloud 集注册中心和配置中心于一身的微服务组件，并提供 了可视化管理平台，用户能够通过操作可视化管理平台从而动态的修改配置以及服务发现，同时有心跳机制来 监控服务的状态，以及有 pull+push 两种模式共同来保证修改的配置实时刷新，也可以实现配置的回滚

使用技术

SpringBoot、SpringCloud、SpringSecurity、MyBatis-Plus、JWT、Vue2、ElementUI等

功能描述

服务注册、服务发现、服务健康检测、配置的热部署、导入和导出配置、克隆配置、配置回滚、用户管理、角色管理、菜单管理等

效果图

• 登录模块效果图

• 配置中心模块效果图

• 注册中心模块效果图

• 用户模块效果图

• 角色模块效果图

• 菜单模块效果图

• 命名空间模块效果图

• 项目代码量图（已除去空白行）

用例图

基本插件安装

安装vue2最新稳定版

npm install vue@^2

安装element-ui最新版

npm i element-ui -S

安装vuex3.0

npm i vuex@3

安装vue-router3.0

npm i vue-router@3

安装sass

• 1:

npm install [email protected] --save-dev

• 2:

npm install [email protected] --save-dev

安装axios和vue-axios

npm install --save axios vue-axios

安装less

npm i less less-loader@7

安装vue-fragment

npm install vue-fragment --save

安装nprogress进度条的插件

npm i -S nprogress

安装echarts

npm install echarts --save

安装moment时间格式化插件

npm install moment

安装vue2-ace-editor代码编辑器

npm install --save-dev vue2-ace-editor

vue2代码差异对比插件

• 1:

npm i v-code-diff

• 2:（注意,如果当前vue的版本>2.7则不需要执行这条命令,因为vue2.7自带composition-api）

npm i @vue/composition-api