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

文章目录

前言一、启动项目二、添加模块1、添加菜单2、创建表3、生成代码4、添加后端代码5、添加前端代码

前言

官网:http://doc.ruoyi.vip/

一、启动项目

项目地址: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、添加前端代码

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

注意这里,路径要和上述创建二级菜单路由设置一致