若依框架----代码生成

官方开发手册:若依后台开发手册----代码生成
代码生成

具体流程:

1、在若依框架对应的数据库中新建表sys_product

drop table if exists sys_product;
create table sys_product (
  product_id        bigint(20)      not null auto_increment    comment '产品id',
  parent_id         bigint(20)      default 0                  comment '父产品id',
  product_name      varchar(30)     default ''                 comment '产品名称',
  order_num         int(4)          default 0                  comment '显示顺序',
  status            char(1)         default '0'                comment '产品状态(0正常 1停用)',
  primary key (product_id)
) engine=innodb auto_increment=1 comment = '产品表';

在这里插入图片描述
sys_product表生成

2、建表完成后回到【代码生成】功能→导入表

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

3、点击生成代码,会得到一个压缩包

在这里插入图片描述

4、压缩包解压后具体目录结构

├── main      //控制层、mapper层、service层、实体类以及映射xml文件
           └──   java 
                       └──  controller            //控制层
                       └──  domain                //实体类
                       └──  mapper	              //mapper层
                       └──  service               //service层
          └── resources
                       └──  mapper.xml            //mapper映射文件

├── vue      //视图及所有涉及到的请求
           └── api  
                      └──  js              //请求
           └──  views
                       └──  vue            //视图


├── sql文件         
      

在这里插入图片描述

main文件夹包含java和resources

在这里插入图片描述

java文件夹下:控制层、实体类、mapper层、service层

在这里插入图片描述

resources文件夹下对应着mapper层的xml文件

在这里插入图片描述

vue文件夹下包含api与views两个文件夹
api                    // 所有请求
views                  // view

在这里插入图片描述

5、去navicat执行productMenu.sql

在这里插入图片描述

6、打开若依框架项目目录

在这里插入图片描述

后端结构
com.ruoyi     
├── common            // 工具类
│       └── annotation                    // 自定义注解
│       └── config                        // 全局配置
│       └── constant                      // 通用常量
│       └── core                          // 核心控制
│       └── enums                         // 通用枚举
│       └── exception                     // 通用异常
│       └── filter                        // 过滤器处理
│       └── utils                         // 通用类处理
├── framework         // 框架核心
│       └── aspectj                       // 注解实现
│       └── config                        // 系统配置
│       └── datasource                    // 数据权限
│       └── interceptor                   // 拦截器
│       └── manager                       // 异步处理
│       └── security                      // 权限控制
│       └── web                           // 前端控制
├── ruoyi-generator   // 代码生成(可移除)
├── ruoyi-quartz      // 定时任务(可移除)
├── ruoyi-system      // 系统代码
├── ruoyi-admin       // 后台服务
├── ruoyi-xxxxxx      // 其他模块
前端结构
├── build                      // 构建相关  
├── bin                        // 执行脚本
├── public                     // 公共文件
│   ├── favicon.ico            // favicon图标
│   └── index.html             // html模板
│   └── robots.txt             // 反爬虫
├── src                        // 源代码
│   ├── api                    // 所有请求
│   ├── assets                 // 主题 字体等静态资源
│   ├── components             // 全局公用组件
│   ├── directive              // 全局指令
│   ├── layout                 // 布局
│   ├── router                 // 路由
│   ├── store                  // 全局 store管理
│   ├── utils                  // 全局公用方法
│   ├── views                  // view
│   ├── App.vue                // 入口页面
│   ├── main.js                // 入口 加载组件 初始化等
│   ├── permission.js          // 权限管理
│   └── settings.js            // 系统配置
├── .editorconfig              // 编码格式
├── .env.development           // 开发环境配置
├── .env.production            // 生产环境配置
├── .env.staging               // 测试环境配置
├── .eslintignore              // 忽略语法检查
├── .eslintrc.js               // eslint 配置项
├── .gitignore                 // git 忽略项
├── babel.config.js            // babel.config.js
├── package.json               // package.json
└── vue.config.js              // vue.config.js

7、根据项目目录结构将生成的文件放到对应的项目文件中

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
注:
菜单管理
在这里插入图片描述
在这里插入图片描述

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐