自学内容网 自学内容网

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

一、项目地址

项目地址:若依/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>

2.2 修改第二个pom.xml

在这里插入图片描述

2.3 修改第三个pom.xml

在这里插入图片描述
添加后:
在这里插入图片描述
将原来文件夹中的controller删掉,在admin中新建一个文件夹controller
在这里插入图片描述

结束。

技术支持:QQ:1571228974


原文地址:https://blog.csdn.net/CSDN_Admin0/article/details/142918596

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!