若依(前后端分离版)使用教程

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

提示:这里可以添加本文要记录的大概内容:
若依,一款好用的java后台管理平台的模块,以其简单,好用让我折服。但是对于第一次使用这个框架的人来说,如何将其下载和使用则是一个问题。最开始使用的时候,我也是找了很久关于代码生成模块的内容,才慢慢了解了如何使用。今天来将整改流程做一次复习。


提示:以下是本篇文章正文内容,下面案例可供参考

一、下载若依代码包

1.若依官网

https://www.ruoyi.vip/

2.下载链接

gitee:https://gitee.com/y_project/RuoYi-Vue.git

3.下载方式:(这里以git举例)

第一步:复制gitee下载链接

在这里插入图片描述

第二步:在代码存放文件夹内打开git面板

在这里插入图片描述

第三步: 输入 git clone https://gitee.com/y_project/RuoYi-Vue.git 后,按下回车键,等待下载完成

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

第四步:导入idea 下载完成后,打开idea软件,将我们刚刚下载好的文件导入idea中。

二、启动若依

1.下载前端vue依赖

首先点击Terminal按钮,进入idea命令行面板
在这里插入图片描述

2.切换操作路径,进入ruoyi-ui路径下

在命令行面板中输入 cd ruoyi-yi,回车进入路径
在这里插入图片描述

3.输入npm install,下载项目依赖

在这里插入图片描述
至此,前端vue内容所需我们操作的内容已经完毕,接下来我们开始准备java后端的运行工作。
4.创建mysql数据库,导入输入库
这里我以ruoyi_admin 作为我数据库的名字
在这里插入图片描述
5.创建数据库之后,将若依代码包中自带的sql文件在我们新建的数据库中运行一下,导入基础的数据库信息

选中数据库,右键 选择运行sql文件
在这里插入图片描述
找到我们刚刚下载若依代码包中的sql文件,我一般选择ry_20231130.sql文件,选中之后,点击打开
在这里插入图片描述
点击打开之后,会进入到navicat的文件选择面板。点击开始,运行sql文件,面板上会显示出目前运行sql文件的进度。
在这里插入图片描述
进度条拉满之后,此次导入完成,我们可以在刚刚新建的数据库中看到我们刚刚导入的sql数据表
在这里插入图片描述
在这里插入图片描述
如果进入面板不显示表内容,在数据库名称上面鼠标选中右键,点击刷新后即可看到新表。
7.创建数据库完成后,打开idea选择ruoyi-admin文件夹,找到application-druid.yml文件,在文件中更改默认的数据库配置。(如果你的数据库在本地,只需更换数据库的名称和账号密码即可
在这里插入图片描述
注:如果你启动报错提示端口被占用,在application.yml 文件中把默认的8080端口配置改为可以使用的端口。同时在前端的vue.config.js 文件中也需要将端口号改为和application.yml 文件一致即可。
在这里插入图片描述
在这里插入图片描述
此时,如果你电脑redis安装好的话,可以尝试将运行进行运行。
在这里插入图片描述

总结

以上是本次关于若依下载和运行的简单分享,下次我们来分享下如何生成代码和如何对外开放接口。

  • 40
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我了解了。如果你想去除若依(ruoyi)的UI,可以按照以下步骤进行: 1. 进入若依(ruoyi)的源代码目录,找到 `ruoyi-ui` 文件夹 2. 用文本编辑器打开 `ruoyi-ui` 文件夹下的 `src` 目录下的 `main.js` 文件 3. 在该文件中删除以下代码块: ```javascript import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) ``` 4. 保存并关闭 `main.js` 文件 5. 打开 `ruoyi-ui` 文件夹下的 `src` 目录下的 `App.vue` 文件 6. 在该文件中删除以下代码块: ```html <template> <div id="app"> <router-view/> </div> </template> <script> export default { name: 'App' } </script> <style> #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style> ``` 7. 保存并关闭 `App.vue` 文件 8. 运行 `npm run build` 命令编译打包项目 9. 打开 `ruoyi-ui` 文件夹下的 `dist` 目录,找到生成的 `index.html` 文件 10. 用文本编辑器打开 `index.html` 文件,删除以下代码块: ```html <link href="/static/css/app.8dcf7f7f.css" rel="stylesheet"> <script type="text/javascript" src="/static/js/manifest.1f7d4595.js"></script> <script type="text/javascript" src="/static/js/vendor.7a1b1d27.js"></script> <script type="text/javascript" src="/static/js/app.5b2c8f27.js"></script> ``` 11. 保存并关闭 `index.html` 文件,这样就去除了若依(ruoyi)的UI。 请注意,这只是去除了若依(ruoyi)的UI,不会影响若依(ruoyi)的功能和其他特性。如果你需要使用若依(ruoyi)的UI,可以按照以上步骤恢复。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值