若依创建新子模块（前台模块）【保姆教程】

原创已于 2024-07-16 11:58:12 修改 · 5k 阅读

48 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #后端 #java #springboot

于 2023-11-30 15:42:04 首次发布

本文介绍了使用IDEA2019进行后端模块创建和引入若依框架，以及如何在VSCODE中配置并运行项目，包括创建首页、设置路由和权限管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里使用的后端工具是IDEA2019,前端工具是VSCODE

后端：

一、第一步创建Module

二、创建好需要的包

三、将你的模块引入到若依的模块，相关联（修改项目下的pom文件）【必要】

一、在父项目引入【必要】

            <!-- xxx系统-->
            <dependency>
                <groupId>com.ruoyi</groupId>
                <artifactId>ruoyi-xxx</artifactId>
                <version>${ruoyi.version}</version>
            </dependency>

二、在ruoyi-admin引入【必要】

            <!-- xxx管理-->
            <dependency>
                <groupId>com.ruoyi</groupId>
                <artifactId>ruoyi-xxx</artifactId>
            </dependency>

在你的模块下同时可以引入其他模块(可以使用系统的工具类)【非必要】

            <!-- 系统模块-->
            <dependency>
                <groupId>com.ruoyi</groupId>
                <artifactId>ruoyi-system</artifactId>
            </dependency>

            <!-- 通用工具-->
            <dependency>
                <groupId>com.ruoyi</groupId>
                <artifactId>ruoyi-common</artifactId>
            </dependency>

前端：

运行项目，成功跑出登录页

一、创建你的首页.vue

在views目录下创建了home/index.vue

二、添加你的首页路由（操作router/index.js）

  {
    path:'/home',
    component: () => import('@/views/home/index'),
    hidden:true,
  }

三、打开白名单（操作permission.js）

修改完成之后访问:http://localhost

完结撒花✿✿ヽ(°▽°)ノ✿