若依入门使用

1.下载

官网地址：https://ruoyi.vip


可以通过赋值HTTPS连接通过git导到本地

也可以下载zpi到本地解压

2.搭建环境

2.1 若依框架的目录结构

一般情况下，ruoyi-system是储存后台代码的，ruoyi-ui是储存前端代码的

sql文件夹中是有两个sql脚本的，这两个脚本都是若依开源项目的必须脚本，需要运行在你自己 的数据库中，如果报错就交换一下两个脚本的运行顺序即可

2.2 打开项目修改配置文件

2.2.1 打开后端项目

2.2.2 设置 Maven

这个记得检查一下，根据自己本地的maven进行配置设置

2.2.3 application-druid.yml文件

2.2.4 application.yml文件

redis是需要修改地址和密码的，端口号一般情况下是默认的，redis这里有两种使用方式，一个是远程的，一个是本地的，这里建议是使用本地的，因为远程的服务不稳定需要考虑网络因素。

2.3 运行后台服务

注意：启动项目之前一定要先启动mysql和redis要不然启动会失败
运行RuoYiApplication这个启动程序,类路径如下:

看到这里若依后台就启动成功了

2.4 运行前台服务

2.4.1 编译器打开前台项目

2.4.2 项目初始化

在ruoyi-ui模板下打开命令指示符

注意执行下一步之前要确保已经安装了node
输入npm install初始化前端项目
warn不用管

2.4.3 启动

输入npm run dev运行项目

运行成功后会自动跳转至浏览器

3.使用

登陆成功之后就会显示如下界面

接下来主要讲解若依框架的菜单管理和数据字典以及代码生成。

3.1 菜单生成的使用

3.1.1 如何新增菜单

菜单的生成其实就是在sys_menu这张若依系统表中做操作的

具体操作可以在前端实现

在这里插入图片描述

再次点击新增，要注意这里面配置的组件路由就是前端文件所在路径

刷新页面就可以看到我们刚刚添加的东西已经存在了

下一步去前端添加页面，实现点击目录可以查看相关界面

这样以后，我们点击 存货管理->库存查询 看到的就是刚刚新复制的界面了

3.2 数据字典的使用

3.2.1 字典的创建

3.2.2 字典数值插入

3.3 代码生成的使用

3.3.1 导入表结构

现在数据库中新建表

-- ----------------------------
-- Table structure for goods_purchase_batch
-- ----------------------------
DROP TABLE IF EXISTS `goods_purchase_batch`;
CREATE TABLE `goods_purchase_batch`  (
  `goods_purchase_batch_id` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NULL DEFAULT NULL COMMENT '购买批次主表id',
  `purchase_date` datetime NULL DEFAULT NULL COMMENT '购买日期',
  `original` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NULL DEFAULT NULL COMMENT '购货源头',
  `count` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NULL DEFAULT NULL COMMENT '获取数量',
  `amount` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NULL DEFAULT NULL COMMENT '总花费'
) ENGINE = InnoDB CHARACTER SET = utf8mb4 COLLATE = utf8mb4_0900_ai_ci ROW_FORMAT = Dynamic;

导入新建的表

勾选要生成的表单并点击生成，我这里勾选了两个表单，后面的文件可能比一个多

将前后端代码分别放到相应位置

下载到本地后解压并进入文件夹

上图就是下载之后的文件

1.sql文件就是你在生成代码的时候编辑的菜单及按钮，需要运行在你的数据库中

2.vue文件里面存放的是前端的代码里面有两个文件夹，api是js文件，views是vue文件，放入项目中对应的文件目录即可，如果没有冲突文件可以直接覆盖


前端代码也是将对应的vue文件复制到新建的文件夹下

复制完成后，修改两个vue页面里导入js的路径
修改前

修改后

后端代码
复制xml代码

3.3.2 编辑需要生成的信息

3.3.3 将下载的代码导入到项目中