若依框架学习——新建模块(图文)


前言

官网:添加链接描述

RuoYi-Vue 是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Spring Security、MyBatis、Jwt、Vue),内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集群,支持多数据源,支持分布式事务。


一、启动项目

项目地址:https://gitee.com/y_project/RuoYi-Vue

1、后端启动

使用idea工具打开项目,使用sql文件创建数据库,在配置文件中修改数据库连接和启动端口等。

在这里插入图片描述

在这里插入图片描述

2、前端启动

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

# 安装依赖
npm install

# 本地开发 启动项目
npm run dev

在这里插入图片描述

在这里插入图片描述

二、添加模块

1、添加菜单

1、打开菜单管理,选择新增菜单

在这里插入图片描述

2、添加一级菜单

在这里插入图片描述

3、添加二级菜单

在这里插入图片描述

4、刷新网页

在这里插入图片描述

2、创建表

在这里插入图片描述

3、生成代码

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述

4、添加后端代码

1、新建模块

在这里插入图片描述

在这里插入图片描述

2、修改配置文件

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

3、添加代码,将下载的代码添加至项目,然后重新启动项目

在这里插入图片描述

5、添加前端代码

添加代码,随后重新启动项目

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

相关推荐

  1. 框架学习

    2024-04-02 18:16:01       30 阅读

最近更新

  1. 安装包逆向(总结)

    2024-04-02 18:16:01       0 阅读
  2. jsonfield注解不生效

    2024-04-02 18:16:01       0 阅读
  3. Opencv | 图像几何变换

    2024-04-02 18:16:01       0 阅读
  4. 子集运算应用举例

    2024-04-02 18:16:01       0 阅读

热门阅读

  1. 什么是App分发?那些分发平台可以选择?

    2024-04-02 18:16:01       3 阅读
  2. Vue tableList:<any>[]介绍

    2024-04-02 18:16:01       2 阅读
  3. python中的浅拷贝和深拷贝

    2024-04-02 18:16:01       5 阅读
  4. go中继承、多态的模拟实现

    2024-04-02 18:16:01       3 阅读
  5. Go build 交叉编译-实现多平台兼容

    2024-04-02 18:16:01       3 阅读
  6. 【无标题】

    2024-04-02 18:16:01       1 阅读
  7. 页面中的图片,以后可不能随便使用了!

    2024-04-02 18:16:01       2 阅读
  8. 常见的两种git工作流分支模型

    2024-04-02 18:16:01       3 阅读
  9. C语言经典面试题目(二十四)

    2024-04-02 18:16:01       3 阅读
  10. Android 使用LeakCanary检测内存泄漏,分析原因

    2024-04-02 18:16:01       4 阅读
  11. 【Python进阶(三)】——面向对象编程

    2024-04-02 18:16:01       5 阅读
  12. linux开启启动配置

    2024-04-02 18:16:01       5 阅读