博主是在2018年中就接触了RuoYi项目这个项目,对于当时国内的开源后台管理系统来说,RuoYi算是一个完成度较高,易读易懂、界面简洁美观的前后端不分离项目。对于当时刚入行还在写jsp模板的博主来说,RuoYi项目在后台基础功能、模块划分、易用性和页面美观度上,对比同期用Java开源的前后端不分离后台项目整体上是高了一个等级的。并且项目commit频繁,代码质量不断提高、bug不断修复,使得这个项目在今天来说任然是具有学习价值的。本文博主尽量用一个理性视角带领大家由浅入深看RuoYi项目v4.7.6版本的优秀设计。RuoYi仓库地址:https://gitee.com/y_project/R
集成websocket实现实时通信(ruoyi使用笔记1.简单介绍WebSocket2.详细代码2.1WebSocketConfig2.2SemaphoreUtils2.3WebSocketServer2.4WebSocketUsers工具类2.5html2.6vue版本前端代码2.7controller1.简单介绍WebSocketWebsocket是一种基于TCP协议的全双工通信协议,它使得客户端和服务器之间可以进行实时的双向通信。相对于传统的HTTP协议只能通过客户端发送请求,然后等待服务端的响应,WebSocket可以让客户端和服务器在任何时候都可以相互发送消息,这种实时通信的方式非常
本文以腾讯云服务器+宝塔面板为例子,介绍RuoYi-Vue分离版本的服务器部署流程,如在部署过程中遇到问题或有什么好的建议,欢迎在评论区留言目录1、服务器环境配置2、vue项目打包2.1、前端项目打包2.2、打包文件路径配置2.3、前端部署测试3、Spring Boot项目打包部署3.1 数据库配置3.2 Redis配置3.3 打包后端代码jar包3.4 后端jar包启动1、服务器环境配置1、宝塔面板-软件商店下载MySQL、Redis、Nginx并安装(这里下载的版本为MySQL 5.7,和部署的项目所使用的版本一致)2、开启服务器6379(Redis端口)、3306(MySQL数据库端口)
目录1.前端代码1.1首先在前端会有一个组件,为分页组件1.2前端获取列表函数以及访问后端的URL与请求方式1.3开发者工具查看前端访问后端信息 1.4开发者工具查看前端接收到后端的回应信息2.后端代码2.1接口2.2接口内方法的代码2.3后端Log输出如下 1.前端代码1.1首先在前端会有一个组件,为分页组件0":total="total"//刚开始时total=0;需要后端将数据表中所有数据返回,进行统计而得:page.sync="queryParams.pageNum":limit.sync="queryParams.pageSize"@pagination="getList"//前端点
目录1.前端代码1.1首先在前端会有一个组件,为分页组件1.2前端获取列表函数以及访问后端的URL与请求方式1.3开发者工具查看前端访问后端信息 1.4开发者工具查看前端接收到后端的回应信息2.后端代码2.1接口2.2接口内方法的代码2.3后端Log输出如下 1.前端代码1.1首先在前端会有一个组件,为分页组件0":total="total"//刚开始时total=0;需要后端将数据表中所有数据返回,进行统计而得:page.sync="queryParams.pageNum":limit.sync="queryParams.pageSize"@pagination="getList"//前端点
目录一、效果一览:二、详细步骤:①登录若依---->点击系统工具-->点击代码生成模块②使用Navicat在若依数据库里面新建一张表单,我这示例创建了my_students表单并为表设计字段添加数据 ③在代码生成栏导入刚才创建的my_students表并编辑这张表 ④完成这些操作之后,点击生成代码便需要下载一个压缩包⑤右键点击数据库里的表运行SQL文件 三、检验环节:①删除:②增加: ③查询: ④更改:我们都知道,若依代码具有很强大的功能,其中代码生成功能极大的便利我们的使用时间一、效果一览: 如上:效果一览图问题引出:如何实现这一功能呢?二、详细步骤:①登录若依---->点击系统工具-->点
1.环境准备1.centos72.docker3.mysql8.0.164.java85.nginxlatest6.redislatest2.项目配置文件的修改以及项目打包2.1后端文件修改①application.yml修改服务器的HTTP端口,默认为8080,根据需求修改②application-druid.yml修改数据库mysql和redis连接配置 2.2后端项目打包虽然RruoYI是多模块,但是ruoyi-admin模块依赖其他模块,所以只需要获取admin模块的jar包即可,但是打包的时候需要全局打包。找到项目的根目录进行全局打包。然后在ruoyi-admin模块下找
表格字典值转换(1)方式1:使用字典枚举的方式varisDownload=[[${@dict.getType('YES_OR_NO')}]];{field:'isDownload',title:'是否允许下载',formatter:function(value,row,index){return$.table.selectDictLabel(isDownload,value);}},(2)方式2:自定义方法处理,在自定义方法中根据输入值返回指定内容{field:'cacheSync',title:'缓存同步结果',formatter:function(value,row,index){retu
首先加载登录界面会发送验证码请求和获取Cookie会调用created函数Getcode是获取验证码GetCookie是获取cookieGetCodeImg函数会调用ajax发送请求给后端后端GetMapping接口接收到请求后执行getCode方法Getcode方法中会随机生成uuid(用户的唯一标识)然后生成验证码图片和答案CapText会生成一个例如6-2=?@4的字符串Codestr中保存6-2=?Code中保存4也就是验证码的答案Image就是验证码图片了然后将用户的uuid、生成的验证码答案、以及验证码有效时间的信息传入redis内存数据库中最后getcode函数把生成的uuid和
这里学习一下若依框架的一个扩展版本:RuoYi-Vue-Plus:后台管理系统重写RuoYi-Vue所有功能集成Sa-Token+Mybatis-Plus+Jackson+Xxl-Job+SpringDoc+Hutool+OSS定期同步(gitee.com)官方文档:文档预览-Gitee.com项目有关SaToken登录写在最后,可跳过前面基本介绍部分。。。。利用SaToken框架登录。只需进行信息校验然后要调用SaToken提供的api就行。非常的轻便。。。官方例子如下。基本介绍整个界面和原版差不多,前端也进行了路径重写。配置可以加个前缀,方便查看代码生成基本与原本一样手动生成自己的模块注意