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

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

article 2024/10/21 12:06:29

若依框架—新建模块

  • 一、项目地址
    • 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>

2.2 修改第二个pom.xml

在这里插入图片描述

2.3 修改第三个pom.xml

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

结束。

技术支持：QQ：1571228974


http://www.kler.cn/news/358688.html

相关文章：

  • 深度学习相关知识点
  • 029 elasticsearch文档管理(ElasticsearchRepository、ElasticsearchRestTemplate)
  • VScode远程服务器之远程 远程容器 进行开发（五）
  • 第二代GPT-SoVITS V2：让声音克隆变得简单
  • Spark广播变量（类似小表广播）
  • 关于django这个python服务器的并发能力？
  • Java EE规范
  • 白炽灯和节能灯哪个更护眼？央视公认最好的护眼灯分享
  • Vue.js组件开发：深入理解与代码实现
  • 安装nginx实现多ip访问多网站
  • Vue中watch侦听器（监视器）
  • C语言 | Leetcode C语言题解之第496题下一个更大元素I
  • 解决后端给前端的返回数据过大的问题（压缩）
  • 代码工具箱：18个实用的 JavaScript 函数
  • pytorch 张量的masked_fill函数介绍
  • flutter TabBar自定义指示器(带文字的指示器、上弦弧形指示器、条形背景指示器、渐变色的指示器)
  • Atlas800昇腾服务器（型号：3000）—YOLO全系列NPU推理【检测】（五）
  • Navicat连接openGauss数据库详细指南
  • Vue3在大数据场景下原生实现单元格合并，让Thead固定让Tbody滚动
  • Linux——传输层协议