若依框架项目

article/2025/6/27 3:13:04

若依框架介绍

         ruoyi是一个基于Java技术开发的后台管理系统。

        包括有前后端分离版、微服务版、App版。内置模块有:部门管理、角色用户、菜单即按钮授权、数据权限、系统参数、日志管理、代码生成、表单构建等。支持多数据源、支持分布式事务。

若依前后端分离项目搭建

        1.首先去官网下载前后端分离项目,下载压缩版

        2.解压项目,单机右键,使用IDEA打开项目

        3.创建数据库ry-vue,单击右键,将若依的数据库导进去

        4.在后端ruoyi-admin模块中进行数据库以及redis的配置

 

        5.启动redis和后端项目

        6.将若依项目的前端vue使用HBuider打开

         5.参考README.md文件,在终端安装依赖,启动服务

         最终启动结果如下图所示

项目构成

若依项目由四个模块构成,分别是系统管理、系统监控、系统工具以及若依官网。

系统管理

系统监控

系统工具

        系统工具中的表单构建功能可以让我们快速构建表单信息,本质是将element-ui中的一些快捷组件放到了这里,方便进行操作。

        通过拖拽的方式可以使用其中的组件,右侧可以对组件的属性进行设置,最终生成之后可以通过导出vue文件导出,导出后的代码可以在HBuider中代替自己之前的样式

 代码生成工具可以快速生成自己所需要的增删改查代码

 数据分析

        在生成代码的过程中,数据库中的表gen_table会有相应的变化,即在导入表的时候,也就是将被导入表的各种信息导入到了gen_table这个表中。

 其中,table_name字段就对应着我们导入到代码生成功能中的表名。

        gen_table表与gen_table_column表通过table_id字段相关联,gen_table_column表中所对应的是student等表中的字段名称。

     对于后端代码而言,可以到系统管理功能中的菜单管理查看后台代码的路径

其中组件路径就对应着后台代码的路径,可以通过组件路径找到后台代码对应的位置

例如用户管理,其组件路径是system/user/index,因此到后台找对应的文件

数据库表对应的是sys_user

代码生成的方式

        选择系统工具中的代码生成工具,首先导入数据库表

        可以选择编辑修改基本信息、字段信息以及生成信息,修改完毕之后选择生成代码的方式为压缩包,点击提交。

点击生成代码,下载压缩包,解压

         解压之后会看到两个文件夹和一个数据库表,其中main文件夹中放置的是后台代码,vue文件夹放置的是前端代码,数据库表需要放到数据库当中

         其中,main文件夹中有Java文件夹与resources文件夹,分别放到后端创建的模块中,如下图所示

         要在主pom文件和ruoyi-admin的pom文件中添加相关的依赖

         在ruoyi-grade这个模块的pom文件中添加common的依赖,否则项目无法运行

         将vue文件夹中的内容放置到前端相对应的文件夹中

        运行前后端项目,效果图如下,此时就可以进行增删改查。

             在系统管理中有代码生成工具

 

可以通过组件路径tool/gen/index查找到后台代码所在位置

代码生成功能所对应的后台模块是ruoyi-generator模块

 表单构建

        同样是在系统管理模块中的系统工具中,可以查看到表单构建的组件路径tool/build/index

 表单构建功能所对应的后台模块也是ruoyi-generator模块

其他功能

        1.部门管理所对应的数据库表sys_dept,所对应的组件路径为system/dept/index

        2.岗位管理所对应的数据库表为sys_post,所对应的组件路径为system/post/index

         3.字典管理所对应的数据库表为sys_dict_type,所对应的组件路径为system/dict/index


http://chatgpt.dhexx.cn/article/LQYZe0W5.shtml

相关文章

若依框架的使用

目录 1.为什么使用若依框架 2.环境搭建 2.1下载代码 2.2 系统配置 1.为什么使用若依框架 若依是一个快速开发框架,基于springboot,集成了mybatis,spring security,redis等常用的框架,支持多语言,已经实…

若依框架RuoYi前后端分离项目导入IDEA及运行启动

首先需要在码云上下载RuoYi-vue解压到你的工作目录(https://gitee.com/y_project/RuoYi-Vue) 然后去nodejs官网下载nodejs 除了选择你的安装目录一直next(查看环境变量是否配置成功) 安装完成后,cmd中输入:…

ruoyi(若依)框架使用说明(前后端分离)

TOC 框架介绍 本身是一个优秀的简单的后台管理系统框架,前端(Vue,ElementUI),后端(Spring Boot、Spring Security、Redis & Jwt),本身可以直接拉下来直接使用.它的强大之处在于代码自动生成器的使用,可以根据数据库的表对应生成全套前后端代码,代码植入后可以直接使用,复…

使用若依框架RuoYi前后端分离版(超详细步骤)

下一客:若依框架代码生成工具–单表增删改查(超详细步骤) 一、若依框架RuoYi项目运行启动教程(详细步骤) 1.1 官网下载代码 第一步:简介 RuoYi-Vue是一款基于SpringBootVue的前后端分离极速后台开发框架。 官网链接 在线文档 第二步:下载源码 1.点击复制,将链接复制到IDEA中…

若依开源框架解析

1、框架介绍 RuoYi是一个基于Java技术开发的后台管理系统,目前官方同步在维护的有3个版本。 开源协议:MIT 解释:MIT是和BSD一样宽松的许可协议,作者只想保留版权,而无任何其他了限制.也就是说,你必须在你的发行版里包含原许可协议的声明,无论…

若依框架的入门介绍及使用

若依框架的入门介绍及使用 文章目录 引言1.什么是若依2 .使用若依2.1系统需求2.1下载并运行2.2配置数据库 MySQL、Reids2.2.1MySQL配置2.2.2Redis配置 2.3前端启动 3. 框架结构和模块3.1后端结构3.2前端结构3.3内置功能3.4其他功能和扩展3.4.1代码生成器 总结 引言 若依&#…

从零入门开源框架---若依(前后端分离版)

一、若依是什么? 若依它就是一个开源项目,别人写好的代码,我们拿来进行二次开发,它主要是做数据和权限管理系统。 二、使用背景 任何公司的各种大的项目必然需要一个后台权限管理系统,这是必然的,但是如果不想投入太多…

若依框架学习笔记

若依框架简介 若依框架简介若依框架版本介绍若依框架(vue前后端分离版本)首页系统管理用户管理角色管理菜单管理 系统监控系统工具表单构建 代码生成 若依框架简介 根据官网介绍若依框架就是一个后台管理框架,主要使用技术在官网上也有介绍我…

若依框架入门(前后端分离版本)

目录 一 若依下载以及配置启动 1.下载地址 2.数据库引入及配置 3.前端vue启动 4.登录及验证 二.关于若依框架的基本使用方法 1.自动生成 2.菜单的配置 3.数据字典 4.关于api接口 5.关于定时任务 6.关于分页 一 若依下载以及配置启动 1.下载地址 学习基础:Spring…

若依框架详细使用

目录 🏳‍🌈若依是用来干什么的❓ 🚩技术支持: 🏳‍🌈如何下载❓ 🚩官网地址: 🏳‍🌈如何搭建ruoyi环境❓ 🚩若依框架的目录结构 🚩 修改配…

js元素距离和鼠标位置整理

距离 offsetTop / offsetLeft ( 元素与父级 定位元素/table/td/th/body 的距离 ) clientTop / clientLeft ( 元素边框宽度 ) scrollTop / scrollLeft ( 元素滚动距离 ) window.scrollY / window.scrollX ( 文档/页面 滚动距离 ) window.pageYOffset / window.pageXOffset ( 另…

原生js实现跑马灯效果,鼠标放下可以停止跑动

js原生代码跑马灯效果纯js代码如下&#xff1a; 1.首先html的内容&#xff08;里面图片自己可以换&#xff0c;li里面也可以填文字&#xff09; <div> <ul><li>呵呵呵呵呵3</li> <li>叽叽叽叽叽4</li> <li…

unity拖拽UI生成Cube并跟随鼠标移动,放置点可放下

代码&#xff1a; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.Events; using UnityEngine.EventSystems; using UnityEngine.UI;public class DragCreate : MonoBehaviour {public GameObject Cube;public GameObje…

JavaScript的拖拽事件。

在浏览器可以随意的拖拽&#xff0c;我们来看下怎么实现&#xff1f; 我们具体分析一下步骤&#xff1a; 第一步&#xff1a;鼠标选中需要拖拽的地方&#xff0c;鼠标按下。&#xff08;需要使用事件onmousedown&#xff09; 第二步&#xff1a;鼠标按下后&#xff0c;我们接着…

html修改鼠标手势,css要怎么设置鼠标手势?

在CSS中&#xff0c;可以使用cursor属性来设置鼠标手势。下面本篇文章就来给大家介绍一下cursor属性。有一定的参考价值&#xff0c;有需要的朋友可以参考一下&#xff0c;希望对大家有所帮助。 cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。有时我们需要…

java 鼠标响应_java小程序中鼠标事件的响应处理

如何在小程序中实现鼠标响应&#xff1f; public class Hello extends Applet implements MouseListener{ public void init(){ addMouseListener(this); } public void mouseEntered(MouseEvent e){ au.play(); setBackground(Color.blue); } public void mouseExited(MouseEv…

html修改鼠标手势,css设置鼠标手势的方法

css设置鼠标手势的方法 相对于传统HTML的表现而言&#xff0c;CSS能够对网页中的对象的位置排版进行像素级的精确控制&#xff0c;支持几乎所有的字体字号样式&#xff0c;下面小编给大家整理了css设置鼠标手势的方法&#xff0c;供大家参阅。 属性名&#xff1a;cursor 属性值…

鼠标拖动生成画框

需求&#xff1a;鼠标按下拖动生成一个画框 注意点&#xff1a; div 的left和top&#xff1a;如果鼠标当前位置>鼠标起始位置&#xff0c;则为鼠标起始位置&#xff08;鼠标往右拉&#xff09;&#xff1b;如果鼠标当前位置<鼠标起始位置&#xff0c;则为鼠标当前位置(…

QT 实现鼠标拖动(drag)和放下(drop)代码(图形操作四)

拖动的对象&#xff1a; #include "outlistitem.h" #include "ui_outlistitem.h"OutListItem::OutListItem(QWidget *parent) :QWidget(parent),ui(new Ui::OutListItem) {ui->setupUi(this); }OutListItem::~OutListItem() {delete ui; }void OutList…

放下鼠标 全键盘定义你的浏览器

在linux上用过vim的朋友相信都被这个编辑器惊艳到了吧, 但是它只是在linux系统中存在而且是在字符操作界面。但是如果将这种可以全键盘的操作搬到windows上这样的图形界面又是怎样令人去感到惊艳呢&#xff1f; 本文介绍的插件是基于谷歌和火狐的&#xff0c;它可以使你在很大的…