若依前后端框架学习——新建模块（图文详解）

若依框架—新建模块

一、项目地址
- 1、后端启动
- 2、前端启动
二、生成代码
- 1、添加菜单
- 2、创建表结构
- 3、生成代码
- 2、编辑一些基本信息，然后点击提交
- 3、生成代码，压缩包里有前端和后端代码
三、配置后端模块
- 1、新建模块
- 2. 修改pom.xlm
- - 2.1 修改第一个pom.xml
- 2.2 修改第二个pom.xml
- - 2.3 修改第三个pom.xml

一、项目地址

项目地址：若依/RuoYi-Vue

1、后端启动

在这里插入图片描述

2、前端启动

使用vscode工具打开项目，在vue.config.js中修改后端服务连接和启动端口，随后执行npm命令启动。

# 安装依赖
npm install# 本地开发 启动项目
npm run dev

在这里插入图片描述

二、生成代码

1、添加菜单

打开菜单管理，选择新增菜单

2、创建表结构

DROP TABLE IF EXISTS `bishe_detail`;
CREATE TABLE `bishe_detail`  (`comment_id` int(11) NOT NULL AUTO_INCREMENT COMMENT '编号',`user_id` int(11) NULL DEFAULT NULL COMMENT '用户id',`company_id` int(11) NULL DEFAULT NULL COMMENT '企业id',`comment_grade` varchar(30) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '学校名称',`comment_position` varchar(30) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '毕设名称',`comment_result` varchar(30) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '级别（本、专）',`comment_feel` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '服务类型',`comment_diff` varchar(200) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '接单时间',`comment_source` varchar(200) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '答辩时间',`del_flag` char(1) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '0' COMMENT '删除标志（0代表存在 2代表删除）',`create_by` varchar(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '创建者',`create_time` datetime NULL DEFAULT NULL COMMENT '创建时间',`update_by` varchar(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '更新者',`update_time` datetime NULL DEFAULT NULL COMMENT '更新时间',`remark` varchar(500) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT '' COMMENT '备注',PRIMARY KEY (`comment_id`) USING BTREE
) ENGINE = InnoDB CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci COMMENT = '毕设详情表' ROW_FORMAT = DYNAMIC;

3、生成代码

打开代码生成菜单，选择导入，导入需要的表

2、编辑一些基本信息，然后点击提交

在这里插入图片描述

3、生成代码，压缩包里有前端和后端代码

在这里插入图片描述
解压之后

三、配置后端模块

1、新建模块

在这里插入图片描述

2. 修改pom.xlm

2.1 修改第一个pom.xml

在这里插入图片描述
打开pom.xml,在依赖声明中添加以下代码

	<!-- 管理模块  2024.05.22 添加--><dependency><groupId>com.ruoyi</groupId><artifactId>ruoyi-manage</artifactId><version>${ruoyi.version}</version></dependency>

在这里插入图片描述
添加后的代码

<!-- 依赖声明 --><dependencyManagement><dependencies><!-- SpringBoot的依赖配置--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-dependencies</artifactId><version>2.5.15</version><type>pom</type><scope>import</scope></dependency><!-- 阿里数据库连接池 --><dependency><groupId>com.alibaba</groupId><artifactId>druid-spring-boot-starter</artifactId><version>${druid.version}</version></dependency><!-- 解析客户端操作系统、浏览器等 --><dependency><groupId>eu.bitwalker</groupId><artifactId>UserAgentUtils</artifactId><version>${bitwalker.version}</version></dependency><!-- pagehelper 分页插件 --><dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper-spring-boot-starter</artifactId><version>${pagehelper.boot.version}</version></dependency><!-- 获取系统信息 --><dependency><groupId>com.github.oshi</groupId><artifactId>oshi-core</artifactId><version>${oshi.version}</version></dependency><!-- Swagger3依赖 --><dependency><groupId>io.springfox</groupId><artifactId>springfox-boot-starter</artifactId><version>${swagger.version}</version><exclusions><exclusion><groupId>io.swagger</groupId><artifactId>swagger-models</artifactId></exclusion></exclusions></dependency><!-- io常用工具类 --><dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><version>${commons.io.version}</version></dependency><!-- excel工具 --><dependency><groupId>org.apache.poi</groupId><artifactId>poi-ooxml</artifactId><version>${poi.version}</version></dependency><!-- velocity代码生成使用模板 --><dependency><groupId>org.apache.velocity</groupId><artifactId>velocity-engine-core</artifactId><version>${velocity.version}</version></dependency><!-- 阿里JSON解析器 --><dependency><groupId>com.alibaba.fastjson2</groupId><artifactId>fastjson2</artifactId><version>${fastjson.version}</version></dependency><!-- Token生成与解析--><dependency><groupId>io.jsonwebtoken</groupId><artifactId>jjwt</artifactId><version>${jwt.version}</version></dependency><!-- 验证码 --><dependency><groupId>pro.fessional</groupId><artifactId>kaptcha</artifactId><version>${kaptcha.version}</version></dependency><!-- 定时任务--><dependency><groupId>com.jobview</groupId><artifactId>jobview-quartz</artifactId><version>${jobview.version}</version></dependency><!-- 代码生成--><dependency><groupId>com.jobview</groupId><artifactId>jobview-generator</artifactId><version>${jobview.version}</version></dependency><!-- 核心模块--><dependency><groupId>com.jobview</groupId><artifactId>jobview-framework</artifactId><version>${jobview.version}</version></dependency><!-- 系统模块--><dependency><groupId>com.jobview</groupId><artifactId>jobview-system</artifactId><version>${jobview.version}</version></dependency><!-- 通用工具--><dependency><groupId>com.jobview</groupId><artifactId>jobview-common</artifactId><version>${jobview.version}</version></dependency><!-- 无偿献血工具--><dependency><groupId>com.jobview</groupId><artifactId>jobview-myinfo</artifactId><version>${jobview.version}</version></dependency><!-- 毕设管理模块--><dependency><groupId>com.jobview</groupId><artifactId>bishe-manage</artifactId><version>${jobview.version}</version></dependency></dependencies></dependencyManagement>