这里使用的后端工具是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

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

Logo

快速构建 Web 应用程序

更多推荐