当前位置： 首页 > news >正文

根据Ruoyi做二开

news 2026/2/10 19:37:59

Ruoyi二开

  • 前言
  • 菜单
  • 代码生成
  • 新建微服务
    • 网关添加微服务的路由
  • vue页面和对应的js文件
  • js中方法的url和controller中方法的url
  • 总结

前言

  • 之前写过一篇文章，若依微服务版本搭建，超详细，就介绍了怎么搭建若依微服务版本，我们使用若依就是为了简化我们的开发，减少开发周期的，这篇文章就会介绍怎么使用若依进行二开。
  • 若依提供了很多个版本，其实这些版本的使用方式是完全一致的，只是架构不同，所以这篇文章也适用于若依的其他版本。

菜单

  • 我们打开若依的首页，就可以看到左侧的菜单，我们不需要知道具体是怎么实现的，只需要知道怎么去使用即可。
  • 我们所看到的以下一级菜单在Ruoyi里叫做目录。
    在这里插入图片描述
  • 点击系统管理>菜单管理，就可以添加菜单或者目录，我们所看到的一级菜单，其实是目录。我们自己添加目录时候可以根据已有的目录进行填写，需要注意的是路由地址，一般是目录名称的英文名。
    在这里插入图片描述
  • 添加菜单，需要注意路由地址，组件路径和权限字符，可以随意指定，但是最好按照若依的格式来。路由地址：菜单的英文名；组件路径对应了一个页面(ruoyi-ui下的src目录下的views中)，按照规范来应该是：目录名/菜单名/页面名（一般都是index）；权限字符是用于鉴权的，使用的是Shiro的@RequiresPermissions进行鉴权，按照规范来应该是：目录名:菜单名:list（因为进入页面其实展示的就是列表，执行的是list方法，所以是list）。
    在这里插入图片描述
  • 添加完菜单和目录之后，要想点击目录会显示页面，还得创建组件路径对应的页面（ruoyi-ui/src/views下）。
    在这里插入图片描述
    【温馨提示】：添加了页面之后记得重启前端，不然无效。

代码生成

  • 将我们自己设计好的数据库表放到rouyi-cloud库中，点击首页的系统工具>代码生成，点击导入，选择你要生成代码的表
    在这里插入图片描述
  • 你想要生成代码的表被选择后就会出现在列表中，你可以对这个表进行如上图所示的几个操作。
  • 代码生成会生成实体类，三层架构，sql，js和页面，点击预览可以显示信息，并且你可以复制。
    在这里插入图片描述
  • 点击编辑可以编辑基本信息，字段信息和生成信息，你可以根据你的需求更改。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 【注意】上述三处（基本信息，字段信息，生成信息中）的必填项都填了之后点击提交才能校验通过。

新建微服务

  • 我们根据ruoyi微服务版本进行二开，肯定是需要新建微服务的，上述的代码其实就相当于一个微服务的各种结构，但是创建新的微服务有以下几个需要注意的地方。

网关添加微服务的路由

  • 我们都知道微服务框架下所有的请求都是从前端打到后端的网关，再由网关使用负载均衡进行路由分发的，那么网关如何知道将请求转发到哪个微服务就要在网关的配置文件中配置。
  • 若依的网关配置在nacos中的ruoyi-gateway-dev.yml文件中进行配置，代码生成不了，我们可以仿照若依的路由配置方式进行配置。【整理的例子是ruoyi-basic服务】
spring:redis:host: localhostport: 6379password: 123456cloud:gateway:discovery:locator:lowerCaseServiceId: trueenabled: trueroutes:# 认证中心- id: ruoyi-authuri: lb://ruoyi-authpredicates:- Path=/auth/**filters:# 验证码处理- CacheRequestFilter- ValidateCodeFilter- StripPrefix=1=========================以上是若依自己原有的配置# 基础服务- id: ruoyi-basic #id就是服务名/模块名uri: lb://ruoyi-basic   # uri:lb://是一个通用写法，意思是通过负载均衡访问后面的服务predicates:- Path=/basic/**   # 断言，也就是访问ruoyi-basic这个服务下的接口时会加上/basic这个前缀filters:- StripPrefix=1 # 去掉前缀后访问实际路径，上面的断言只有一个前缀/basic所以是1
  • 为什么前端的请求都打到了网关呢，是在vue.config.js中配置的，8080就是网关
    在这里插入图片描述

vue页面和对应的js文件

  • vue页面和对应的js文件都是代码生成的，但是他们的路径可能不太符合你的要求，但是随意的挪动位置就会导致各种错误，vue页面和js文件是一一对应的。
  • 比如我自己添加的一个页面，src/views/basic/account/index.vue(这个页面的路径就对应添加菜单时的组件路径basic/account/index),他引入的js路径是这样的"@/api/basic/account/account" 其实这个js就是src/api/basic/account/account.js,.js是省略的了。可以看到@对应的就是src目录，这是vue的默认配置，当然你也可以在vue.config.js中配置。
    在这里插入图片描述
    在这里插入图片描述

用@表示src

js中方法的url和controller中方法的url

  • js中的请求其实就是打到后端controller的，但是由于网关的配置，他们的地址会有细小的差别。
  • 比如account.js中的这个请求地址是/basic/account/list,这个其实打到的是ruoyi-basic服务下的/account/list接口，前面多了一个/basic就是因为微服务在网关的路由上配置的断言。【如果断言是 -Path=/ruoyi/basic/**,那么- StripPrefix=2才行，这里的js中请求地址得是/ruoyi/basic/account/list才行】
    在这里插入图片描述
  • 前端请求地址 http://localhost:81/dev-api/basic/account/list?pageNum=1&pageSize=10,后端接口地址http://localhost:微服务的端口号/account/list

总结

  • 其实知道上述的操作步骤就能满足一般的开发需求，节省开发时间了，ruoyi的认证和授权是基于SpringSecurity+JWT+OAuth2的，所以这方面根本不用考虑，我们只需要在这个框架之上写我们的核心业务即可。

相关文章：

根据Ruoyi做二开

Ruoyi二开 前言菜单代码生成新建微服务网关添加微服务的路由 vue页面和对应的js文件js中方法的url和controller中方法的url总结 前言 之前写过一篇文章，若依微服务版本搭建，超详细，就介绍了怎么搭建若依微服务版本，我们使用若依就…...

编程日记 2024/2/19 20:48:04

DockerFile的应用

DockerFile的应用 一、介绍1 构建的三步骤2 构建的过程 二、常用命令三、DockerFile案例1 创建DockerFile文件2 使用DockerFile文件构建镜像3 启动容器并验证 四 DockerFile添加数据卷 一、介绍 DockerFile是用来构建Docker镜像的构建文件，是由一系列命令和参数构成…...

编程日记 2024/2/19 20:44:00

爬虫入门一

文章目录 一、什么是爬虫？二、爬虫基本流程三、requests模块介绍四、requests模块发送Get请求五、Get请求携带参数六、携带请求头七、发送post请求八、携带cookie方式一：放在请求头中方式二：放在cookie参数中 九、post请求携带参数十、模拟登…...

编程日记 2024/2/19 20:42:58

2024-02-16 web3-区块链-keypass记录

摘要: 2024-02-16 web3-区块链-keypass记录 文档： Introduction - Keypass Docs What is KEYPASS？ - Keypass Docs What is KEYPASS？ KeyPass Wallet is a new smart contract wallet that provides a secure and customizable registration…...

编程日记 2024/2/19 20:32:49

使用 JMimeMagic 在 Java 中识别文件类型

在 Java 中，我们可以使用 JMimeMagic 库来识别文件类型，尤其是在需要准确区分文件类型时。下面是一个简单的使用 JMimeMagic 的示例代码。 添加依赖 首先，在你的项目中添加 JMimeMagic 依赖。你可以在 Maven 项目中的 pom.xml 文件中加入以…...

编程日记 2024/2/19 20:31:48

yolov8源码解读Detect层

yolov8源码解读Detect层 Detect层解读网络各层解读及detect层后的处理 关于网络的backbone,head，以及detect层后处理，可以参考文章结尾博主的文章。 Detect层解读 先贴一下全部代码,下面一一解读。 class Detect(nn.Module):"""YOLOv8 …...

编程日记 2024/2/19 20:29:45

（AtCoder Beginner Contest 341）(A - D)

比赛地址 : Tasks - Toyota Programming Contest 2024#2&#xff08;AtCoder Beginner Contest 341&#xff09; A . Print 341 模拟就好了 &#xff0c; 先放一个 1 , 然后放 n 个 01 ; #include<bits/stdc.h> #define IOS ios::sync_with_stdio(0);cin.tie(0);cout…...

编程日记 2024/2/19 20:28:44

python Flask与微信小程序 统计管理

common/models/stat/StatDailyMember.py DROP TABLE IF EXISTS stat_daily_member;CREATE TABLE stat_daily_member (id int(11) unsigned NOT NULL AUTO_INCREMENT,date date NOT NULL COMMENT 日期,member_id int(11) NOT NULL DEFAULT 0 COMMENT 会员id,total_shared_count …...

编程日记 2024/2/19 20:20:37

光伏企业助力乡村振兴

光伏是一种利用太阳能生产电能的发电技术&#xff0c;属于可再生能源。近年来我国的光伏企业发展迅速&#xff0c;已经称霸全球&#xff0c;同时也为乡村振兴贡献了力量。 一、光伏企业助力乡村 1.推动农业发展 光伏发电和农业种植、畜牧、渔业、水产等有机结合&#xff0c;…...

编程日记 2024/2/19 20:18:34

root MUSIC 算法补充说明

root MUSIC 算法补充说明 多项式求根root MUSIC 算法原理如何从 2 M − 2 2M-2 2M−2 个根中确定 K K K 个根从复数域上观察 2 M − 2 2M-2 2M−2 个根的分布 这篇笔记是上一篇关于 root MUSIC 笔记的补充。 多项式求根 要理解 root MUSIC 算法&#xff0c;需要理解多项式求…...

编程日记 2024/2/19 20:15:32

关于Django的中间件使用说明。

目录 1.中间件2. 为什么要中间件&#xff1f;3. 具体使用中间件3.1 中间件所在的位置&#xff1a;在django的settings.py里面的MIDDLEWARE。3.2 中间件的创建3.3 中间件的使用 4. 展示成果 1.中间件 中间件的大概解释&#xff1a;在浏览器在请求服务器的时候&#xff0c;首先要…...

编程日记 2024/2/19 20:11:27

Chapter 8 - 15. Congestion Management in TCP Storage Networks

User Actions After learning the states of queue utilization, the following are the actions that admins and operators can take while using TCP transport for storage traffic. 了解了队列利用率的状态后，管理员和操作员在使用 TCP 传输存储流量时可以采取以下措施。…...

编程日记 2024/2/19 20:06:22

前端技巧之svg精灵图svg-sprite-loader

首先说明精灵图的必要性&#xff0c;其可以让我们只需要向服务器请求一次图片资源&#xff0c;就能加载很多图片&#xff0c;即能够减轻http请求造成的服务器压力。 然后这里要说明的是这个插件是webpack上面的&#xff0c;所以在vue2中比较好用&#xff0c;如果在vue3中&…...

编程日记 2024/2/19 20:04:21

IO线程-day2

1> 使用fread和fwrite完成两个文件的拷贝 程序&#xff1a; #define MAXSIZE 1024 #include<myhead.h>int main(int argc, char const *argv[]) {FILE *srcfpNULL;FILE *destfpNULL;if(!(srcfpfopen("pm.bmp","r")))PRINT_ERR("");if…...

编程日记 2024/2/19 20:03:20

Spring Boot 笔记 024 登录页面

1.1 登录接口 //导入request.js请求工具 import request from /utils/request.js//提供调用注册接口的函数 export const userRegisterService (registerData)>{//借助于UrlSearchParams完成传递const params new URLSearchParams()for(let key in registerData){params.a…...

编程日记 2024/2/19 20:02:19

09_Java集合

一、Java集合框架概述 一方面&#xff0c; 面向对象语言对事物的体现都是以对象的形式&#xff0c;为了方便对多个对象的操作&#xff0c;就要对对象进行存储。另一方面&#xff0c;使用Array存储对象方面具有一些弊端&#xff0c;而Java 集合就像一种容器&#xff0c;可以动态…...

编程日记 2024/2/19 20:00:15

HCIA-HarmonyOS设备开发认证V2.0-3.2.轻量系统内核基础-软件定时器

目录 一、软件定时器基本概念二、软件定时器运行机制三、软件定时器状态四、软件定时器模式五、软件定时器开发流程六、软件定时器使用说明七、软件定时器接口八、代码分析&#xff08;待续...&#xff09;坚持就有收获 一、软件定时器基本概念 软件定时器&#xff0c;是基于系…...

编程日记 2024/2/19 19:58:13

考研证件照可以自己用手机拍吗？考研证件照p过可以通过审核吗？考研证件照有什么要求

一、考研证件照可以自己用手机拍吗 现在的智能手机相机技术先进&#xff0c;大多都配备了高像素摄像头&#xff0c;使得自拍照片的质量有了大幅提升。相较于传统的证件照拍摄&#xff0c;使用手机自拍考研证件照理论上是可行的。然而&#xff0c;考研证件照需要满足一定的规定…...

编程日记 2024/2/19 19:57:12

win10 环境下Python 3.8按装fastapi paddlepaddle 进行图片文字识别1

###按装 用conda 创建python 3.8的环境&#xff0c;可参看本人python下的其它文章。 在pycharm开发环境下按装相关的模块&#xff1a; pip install -i https://pypi.tuna.tsinghua.edu.cn/simple fastapi pip install -i https://pypi.tuna.tsinghua.edu.cn/simple "uvi…...

编程日记 2024/2/19 19:56:11

json字符串的处理

json字符串的处理 【1】解析json字符串&#xff08;1&#xff09;如果json格式字符串 &#xff0c;最外层 是 中括号&#xff0c;表示数组&#xff0c;就使用方法&#xff08;2&#xff09;如果json格式字符串&#xff0c;最外层是 大括号&#xff0c;表示对象&#xff0c;就是…...

编程日记 2024/2/19 19:49:05

利用最小二乘法找圆心和半径

#include <iostream> #include <vector> #include <cmath> #include <Eigen/Dense> // 需安装Eigen库用于矩阵运算 // 定义点结构 struct Point { double x, y; Point(double x_, double y_) : x(x_), y(y_) {} }; // 最小二乘法求圆心和半径 …...

编程新知 2026/2/8 4:37:37

vscode里如何用git

打开vs终端执行如下&#xff1a; 1 初始化 Git 仓库&#xff08;如果尚未初始化&#xff09; git init 2 添加文件到 Git 仓库 git add . 3 使用 git commit 命令来提交你的更改。确保在提交时加上一个有用的消息。 git commit -m "备注信息" 4 …...

编程新知 2025/8/24 20:45:38

Vue记事本应用实现教程

文章目录 1. 项目介绍2. 开发环境准备3. 设计应用界面4. 创建Vue实例和数据模型5. 实现记事本功能5.1 添加新记事项5.2 删除记事项5.3 清空所有记事 6. 添加样式7. 功能扩展&#xff1a;显示创建时间8. 功能扩展&#xff1a;记事项搜索9. 完整代码10. Vue知识点解析10.1 数据绑…...

编程新知 2025/9/20 5:20:12

.Net框架，除了EF还有很多很多......

文章目录 1. 引言2. Dapper2.1 概述与设计原理2.2 核心功能与代码示例基本查询多映射查询存储过程调用 2.3 性能优化原理2.4 适用场景 3. NHibernate3.1 概述与架构设计3.2 映射配置示例Fluent映射XML映射 3.3 查询示例HQL查询Criteria APILINQ提供程序 3.4 高级特性3.5 适用场…...

编程新知 2026/2/1 19:26:16

CMake 从 GitHub 下载第三方库并使用

有时我们希望直接使用 GitHub 上的开源库，而不想手动下载、编译和安装。 可以利用 CMake 提供的 FetchContent 模块来实现自动下载、构建和链接第三方库。 FetchContent 命令官方文档✅ 示例代码 我们将以 fmt 这个流行的格式化库为例，演示如何： 使用 FetchContent 从 GitH…...

编程新知 2026/2/1 3:19:54

高防服务器能够抵御哪些网络攻击呢？

高防服务器作为一种有着高度防御能力的服务器&#xff0c;可以帮助网站应对分布式拒绝服务攻击&#xff0c;有效识别和清理一些恶意的网络流量&#xff0c;为用户提供安全且稳定的网络环境&#xff0c;那么&#xff0c;高防服务器一般都可以抵御哪些网络攻击呢&#xff1f;下面…...

编程新知 2025/9/3 19:14:38

Python基于历史模拟方法实现投资组合风险管理的VaR与ES模型项目实战

说明&#xff1a;这是一个机器学习实战项目&#xff08;附带数据代码文档&#xff09;&#xff0c;如需数据代码文档可以直接到文章最后关注获取。 1.项目背景 在金融市场日益复杂和波动加剧的背景下&#xff0c;风险管理成为金融机构和个人投资者关注的核心议题之一。VaR&…...

编程新知 2026/2/9 17:44:07

jmeter聚合报告中参数详解

sample、average、min、max、90%line、95%line,99%line、Error错误率、吞吐量Thoughput、KB/sec每秒传输的数据量 sample&#xff08;样本数&#xff09; 表示测试中发送的请求数量&#xff0c;即测试执行了多少次请求。 单位&#xff0c;以个或者次数表示。 示例&#xff1a;…...

编程新知 2025/12/18 6:00:45

uniapp 集成腾讯云 IM 富媒体消息（地理位置/文件）

UniApp 集成腾讯云 IM 富媒体消息全攻略&#xff08;地理位置/文件&#xff09; 一、功能实现原理 腾讯云 IM 通过 消息扩展机制 支持富媒体类型&#xff0c;核心实现方式&#xff1a; 标准消息类型&#xff1a;直接使用 SDK 内置类型&#xff08;文件、图片等&#xff09;自…...

编程新知 2025/10/25 5:53:05

书籍“之“字形打印矩阵(8)0609

题目 给定一个矩阵matrix&#xff0c;按照"之"字形的方式打印这个矩阵&#xff0c;例如&#xff1a; 1 2 3 4 5 6 7 8 9 10 11 12 ”之“字形打印的结果为&#xff1a;1&#xff0c;…...

编程新知 2025/12/6 11:14:42