ruoyi前后端分离项目— 项目启动小白教程

工具简介

后端编译器IDEA(需要下载jdk1.8,maven,如果使用jar包运行则不用)
前端编译器VSCode(需要配置nvm、nodejs) ;
数据库:Dbeaver(可视化工具)、MySql8.0、Redis

(一)后端必备下载

(1)IDEA编译器【推荐】https://www.jetbrains.com/zh-cn/idea/
(2)Jdk1.8下载和配置:http://t.csdnimg.cn/Wl28U
(3)Maven 安装教程 http://t.csdnimg.cn/NKm9q 【如果使用jar包运行,就用不上maven】

(二)前端必备下载

(1)VsCode编译器【推荐】(IDEA也能运行)https://code.visualstudio.com
(2)Nvm和nodeJS,下载和配置nvm和nodeJS http://t.csdnimg.cn/8VnOV

(三)数据库必备下载

(1)MySql数据库,安装和配置教程:http://t.csdnimg.cn/ESV0G
(2)MySql可视化工具Dbeaver【推荐】,Dbeaver连接MySql教程:http://t.csdnimg.cn/lHgxd
(3)Redis,安装和启动教程:http://t.csdnimg.cn/qB5uo 【不需要使用可视化工具】,配置完成后,即可通过redis-server.exe 进入redis

运行步骤

一.数据库运行步骤

(1)创建数据库(和sql名一致) —> 数据库右击 ——> 工具 ——>执行脚本
(2)点击开始后便把数据库表都生成好了
在这里插入图片描述在这里插入图片描述

(3)启动redis:http://t.csdnimg.cn/qB5uo 【不需要使用可视化工具】
配置完成后,即可通过redis-server.exe 进入redis(项目启动redis不能关掉)
在这里插入图片描述在这里插入图片描述

二.后端运行步骤

方法一:使用jar包【推荐】
1.使用jar包跑后端【可以节省maven的配置,但无法改后端java代码】
在这里插入图片描述

在这里插入图片描述

3.输入命令 java -jar ruoyi-admin.jar,这样就运行起来了
在这里插入图片描述
方法二:使用IDEA打开整个文件夹
1.打开项目
在这里插入图片描述

2.项目导入后,通过application-druid.yml连接数据库,3306/后面改成你的数据库名字,username是你设置的数据库用户名,password是你设置的数据库密码。
在这里插入图片描述

在这里插入图片描述

3.右键点击Run
在这里插入图片描述

后端启动成功!
在这里插入图片描述

三.前端运行步骤

1.可直接把ruoyi.ui拉进VSCode编译器
在这里插入图片描述

2.在Terminal命令行里输入npm install 下载依赖包
3.下载完成在在Terminal命令行里输入npm run dev运行项目
在这里插入图片描述
4.如下图所示,这样就启动了前端,点击链接即可进入网站
在这里插入图片描述
至此,整个项目便启动完毕!

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
RuoYi是一个基于Spring Boot和Vue.js的开源框架,它采用前后端分离的架构设计,实现了数据前后端分离开发。在RuoYi中,通过前后端分离的方式,可以实现导出功能。 首先,前端负责显示数据的页面布局和交互操作。在前端页面中,可以通过调用后端接口获取需要导出的数据,并将其展示在页面上。在需要导出的地方,可以添加一个导出按钮或其他触发事件的组件,通过点击按钮或触发事件的方式,调用后端接口进行导出操作。 其次,后端负责处理导出的相关逻辑。在RuoYi的后端代码中,通常会有一个导出的控制层,负责接收前端的导出请求,并进行相应的数据处理和导出操作。后端可以通过调用某些工具类或第三方库来生成导出文件,如使用Apache POI库生成Excel文件、使用iText或PDFBox库生成PDF文件等。 最后,导出的结果可以返回给前端进行下载或其他操作。后端处理完导出逻辑后,可以将生成的导出文件保存到服务器的某个位置,然后将文件的路径返回给前端前端根据返回的文件路径,可以通过下载链接或其他方式提供给用户进行文件下载。 总结来说,RuoYi采用前后端分离的架构,通过前端调用后端接口来实现数据的导出。在前端页面中,添加导出按钮或触发事件的组件,通过点击或触发事件的方式调用后端接口。后端处理导出逻辑后,生成导出文件并保存,然后将文件路径返回给前端进行下载或其他操作。这样可以实现RuoYi前后端分离导出功能。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

金科铁码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值