自学内容网 自学内容网

若依入门使用

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 将下载的代码导入到项目中


原文地址:https://blog.csdn.net/lmxnsI/article/details/145198051

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!