若依框架快速搭建管理后台项目(保姆级教学)
官网下载源码
官方地址:https://gitee.com/y_project/RuoYi-Vue
扩展地址:https://gitee.com/ys-gitee/RuoYi-Vue3
示例用的是https://gitee.com/ys-gitee/RuoYi-Vue3的前端代码,根据自己的需要进行下载
官网的若依框架源码,前端用的Vue2

本次示例需要的是后端代码,前端代码用扩展的Vue3版本, 当然大家有可能对这个框架上的版本存在歧义,选哪个版本都可以,只要前后端代码的版本一致就行


由于扩展的前端代码用的是3.8.7版本所以选择的后端代码也是3.8.7版本

在标签的里面需寻找对应版本的后端代码.

这样就下载好了前端代码,和后端代码
搭建环境
使用开发工具打开源码
用idea打开后端源码然后等待Maven下载坐标依赖

使用VScode打开前端代码

打开终端输入npm i命令下载依赖
npm i

等待依赖下载完成

出现这个包的时候说明依赖下载完成

回到后端进行数据库和Redis的配置

在这个包下面的application-druid.yml进行配置数据库

在application.yml文件中配置Redis缓存

在数据库客户端建立一个库

导入文件中的sql脚本


表导入完毕之后,那么若依框架环境搭建起来了,启动项目展示效果



控制台出现这个说明后端项目启动成功,接下来启动前端项目.
在vscode的命令行中输入npm run dev 命令启动前端项目



前端启动成功后自动打开页面.然后登录一下.

现在若依框架的环境搭建成功.
项目快速搭建示例
首先在后端建立一个新的模块,在父工程模块建立一个新的模块



在新建的xml文件当中引入核心模块
注意:

删除这行代码否则启动项目的时候会报错

在父工程的pom.xml文件当中引入新建的模块


最后一步在ruoyi-admin的pom.xml文件引入新模块

这样新模块建立完成,我们就在新模块写业务代码,其他模块代码不动
重新启动后端项目
首先在数据库中引入一个示例表,本次使用的示例表为课程表作为介绍
-- MySQL dump 10.13 Distrib 8.0.31, for Win64 (x86_64)
--
-- Host: 127.0.0.1 Database: ry-vue
-- ------------------------------------------------------
-- Server version 8.0.31
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!50503 SET NAMES utf8mb4 */;
/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
/*!40103 SET TIME_ZONE='+00:00' */;
/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
--
-- Table structure for table `tb_course`
--
DROP TABLE IF EXISTS `tb_course`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `tb_course` (
`id` bigint NOT NULL AUTO_INCREMENT COMMENT '课程id',
`code` varchar(32) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin DEFAULT NULL COMMENT '课程编码',
`subject` varchar(32) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin DEFAULT NULL COMMENT '课程学科',
`name` varchar(64) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin DEFAULT NULL COMMENT '课程名称',
`price` int DEFAULT NULL COMMENT '价格(元)',
`applicable_person` varchar(32) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin DEFAULT NULL COMMENT '适用人群',
`info` varchar(255) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin DEFAULT NULL COMMENT '课程介绍',
`create_time` timestamp NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
`update_time` timestamp NULL DEFAULT NULL COMMENT '更新时间',
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_bin COMMENT='课程管理';
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `tb_course`
--
LOCK TABLES `tb_course` WRITE;
/*!40000 ALTER TABLE `tb_course` DISABLE KEYS */;
INSERT INTO `tb_course` VALUES (1,'cp123456','javaEE','JavaSE基础',199,'小白学员','JavaSE基础','2024-04-20 09:57:35','2024-04-20 09:57:35'),(2,'cp123457','javaEE','JavaWeb',188,'初级开发者','JavaWeb','2024-04-20 09:57:35','2024-04-20 09:57:35'),(3,'cp123458','Python+大数据','Python入门',555,'小白学员','Python入门','2024-04-20 09:57:35','2024-04-20 09:57:35'),(4,'cp123459','Python+大数据','PythonWeb',88,'初级开发者','PythonWeb','2024-04-20 09:57:35','2024-04-20 09:57:35'),(5,'cp123460','鸿蒙应用开发','鸿蒙入门',99,'小白学员','鸿蒙入门','2024-04-20 09:57:35','2024-04-20 09:57:35'),(6,'cp123461','鸿蒙应用开发','鸿蒙商城实战',59,'初级开发者','鸿蒙商城实战','2024-04-20 09:57:35','2024-04-20 09:57:35');
/*!40000 ALTER TABLE `tb_course` ENABLE KEYS */;
UNLOCK TABLES;
/*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
-- Dump completed on 2024-04-21 17:45:54

课程表导入完成
然后进行业务代码开发

点击系统工具,代码生成模块进行配置业务代码

点击导入,进行导入课程表

选择课程表

点击编辑进行配置代码

配置基本信息
后面的流程按照以下操作



这样就配置成功了
进行导出代码

点击生成代码

导出代码后进行解压


执行sql语句

导入后端代码

复制粘贴到manage模块下的main目录中


导入前端代码

在前端的目录中导入manage模块的代码

在views目录下导入manage模块代码
重启后端项目
刷新浏览器在系统工具下方有课程管理模块点击之后就是课程表的增删改查代码,非常的方便

有小伙伴会问这个课程管理菜单怎么下系统工具下方,别急可以调整

点击系统管理的菜单管理

可以看到课程管理的,点击修改

看以下操作

修改成功之后刷新浏览器,就可以看到课程管理模块了.


这样简单的后台管理系统搭建成功!!!
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)