ruoyi vue 其功能介绍

1.介绍

         RuoYi-Vue 是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源，支持分布式事务。

        其系统需求如下：

• JDK >= 1.8
• MySQL >= 5.7
• Maven >= 3.0
• Node >= 12
• Redis >= 3

一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适的。于是利用空闲休息时间开始自己写了一套后台系统。如此有了若依。

                                                                                                                     ——若依的创造者

2.快速了解

        ruoyi主要特性如下：

• 完全响应式布局（支持电脑、平板、手机等所有主流设备）
• 强大的一键生成功能（包括控制器、模型、视图、菜单等）
• 支持多数据源，简单配置即可实现切换。
• 支持按钮及数据权限，可自定义部门数据权限。
• 对常用js插件进行二次封装，使js代码变得简洁，更加易维护
• 完善的XSS防范及脚本过滤，彻底杜绝XSS攻击
• Maven多项目依赖，模块及插件分项目，尽量松耦合，方便模块升级、增减模块。
• 国际化支持，服务端及客户端支持
• 完善的日志记录体系简单注解即可实现
• 支持服务监控，数据监控，缓存监控功能。

        其技术选型如下：

1、系统环境

• Java EE 8
• Servlet 3.0
• Apache Maven 3

2、主框架

• Spring Boot 2.2.x
• Spring Framework 5.2.x
• Spring Security 5.2.x

3、持久层

• Apache MyBatis 3.5.x
• Hibernate Validation 6.0.x
• Alibaba Druid 1.2.x

4、视图层

• Vue 2.6.x
• Axios 0.21.x
• Element 2.15.x

        以及多样到离谱的内置功能：

 

3.项目介绍

        请注意，ruoyi的项目文件是前后端分离的，也就是说，关于其项目，我们需要分为前端部分和后端部分来看待。

    

        运行后端：

       导入到Eclipse，菜单 File -> Import，然后选择 Maven -> Existing Maven Projects，点击 Next> 按钮，选择工作目录，然后点击 Finish 按钮，即可成功导入。
Eclipse会自动加载Maven依赖包，初次加载会比较慢（根据自身网络情况而定）
        创建数据库ry-vue并导入数据脚本ry_2021xxxx.sql，quartz.sql
        打开项目运行com.ruoyi.RuoYiApplication.java，最终只要能在控制台出现下图就算胜利。

(♥◠‿◠)ﾉﾞ  若依启动成功   ლ(´ڡ`ლ)ﾞ  
 .-------.       ____     __        
 |  _ _   \      \   \   /  /    
 | ( ' )  |       \  _. /  '       
 |(_ o _) /        _( )_ .'         
 | (_,_).' __  ___(_ o _)'          
 |  |\ \  |  ||   |(_,_)'         
 |  | \ `'   /|   `-'  /           
 |  |  \    /  \      /           
 ''-'   `'-'    `-..-'    

        运行前端：

        如果依赖环境已经安装完毕，可以直接run，但是没有安装依赖的话，首先要安装依赖，哦对了，下述操作需要在控制台（菜单键+r启动）完成。

# 进入项目目录
cd ruoyi-ui

# 安装依赖
npm install

# 强烈建议不要用直接使用 cnpm 安装，会有各种诡异的 bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npmmirror.com

# 本地开发 启动项目
npm run dev

        在前端与后端都启动完成后，就可以在浏览器打开若依的界面，其界面如下：

        其密码以及账号为默认。 

关于其配置文件如下：

        • 程序配置文件 application.yml：大部分框架、库、程序配置都在里面

        • 数据源配置 application-druid.yml：数据库相关配置，比如 MySQL 连接

        • 代码生成配置 generator.yml

4.插件集成

        集成docker实现一键部署 

        集成websocket实现实时通信

        使用undertow来替代tomcat容器

        集成aj-captcha实现滑块验证码

        集成watermark实现页面添加水印

        集成jsencrypt实现密码加密传输方式

        集成druid实现数据库密码加密功能

5.项目扩展

        RuoYi-App：RuoYi-Vue的移动端版本

        RuoYi-Vue-Activiti：集成Activiti 6.x工作流版本

        RuoYi-Vue-Sqlserver：RuoYi-Vue的Sqlserver版本

        RuoYi-Vue-MultiTenant：RuoYi-Vue的多租户版本

        RuoYi-Vue-Mobile：RuoYi-Vue的移动端Uniapp版本，集成uView2.0+u-charts等组件

        RuoYi-Vue-Uniapp：RuoYi-Vue的移动端Uniapp版本

        RuoYi-Sqlite：RuoYi-Vue的Sqlite版本

        RuoYi-Vue-Postgresql：RuoYi-Vue的Postgresql版本

        RuoYi-zhunian：基于若依支付系统

        RuoYi-zhaoxinpms：基于若依的智慧物业系统

6.更新日志

         更新的每一个版本都有记录，包括版本号，时间，更新功能明细，推荐时常关注若依更新的功能

7.常见问题

        在 SecurityConfig 中设置httpSecurity 配置匿名访问

// 使用 permitAll() 方法所有人都能访问，包括带上 token 访问
.antMatchers("/admins/**").permitAll()

// 使用 anonymous() 所有人都能访问，但是带上 token 访问后会报错
.antMatchers("/admins/**").anonymous()

        默认的主题都是深色主题，如果需要其他主题可以做如下配置。

        1、点击顶部最右侧个人中心头像，选择布局设置，选择主题风格设置。（局部设置）

        2、在ruoyi-ui\src\settings.js，设置侧边栏主题sideTheme为theme-xxxx。（全局设置）        

        默认的导航菜单都是在左侧，如果需要横向导航菜单可以做如下配置。

        1、点击顶部最右侧个人中心头像，选择布局设置，开启TopNav。（局部设置）

        2、在ruoyi-ui\src\settings.js，设置是否显示顶部导航topNav为true。（全局设置）