若依 spring boot +vue3 前后端分离

若依方便之处

如果你需要一个前后端分离管理web系统,可以通过若依快速搭建一个基于spring boot + vue的管理系统,当然还有cloud版,和App移动版可供选择,本文搭建的是spring boot + vue3.x版本

若依官网 

https://www.ruoyi.vip/

环境要求

  • JDK >= 1.8
  • MySQL >= 5.7
  • Maven >= 3.0
  • Node >= 20.0.0  vue 2.x > =12 
  • Redis >= 3

搭建若依Springboot项目 

克隆项目到本地

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

修改maven配置 

mysql数据库连接

默认连接的是ry-vue的本地mysql数据库,可以进行替换,比如改写库名,或者服务器搭建mysql,或者更换为oracle等数据库,在 admin项目查看application-druid.yml查看数据库配置

 执行sql ,全部执行完应该是30张表,包含一些系统表和定时任务

修改数据库和redis配置 

mysql修改配置信息

redis修改配置信息

启动项目 

访问项目

搭建若依前端vue3项目 

下载项目

由于自带的是vue2.项目,所以需要将其改为vue3项目,官网案例在github,网速可怜,在gitee找了个vue3项目下载即可

 https://gitee.com/fanxincc/RuoYi-Vue3.git

安装依赖  

这里我采用yarn 安装,如果没有yarn,可以自行安装,并设置国内镜像源,或者直接使用npm,个人感觉npm的坑比较多 

yarn config set registry https://registry.npmmirror.com/ --global

node版本报错 

由于我当前版本是14.15.1,所以安装依赖报错

安装nvm,为了更好的管理node版本,我们安装nvm管理 nvm地址

 

 安装node 

nvm install 20.0.0

安装依赖成功 

启动项目 

yarn dev

登录系统 

至此,项目搭建完毕,若依框架的其他功能,以及配置,二开,会在其他章节介绍

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/902601.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

贪心算法day(1)

1.将数组和减半的最少操作次数 链接:. - 力扣(LeetCode) 思路:创建大跟堆将最大的数进行减半 注意点:double t queue.poll()会将queue队列数字减少一个后再除以2,queue.offer(queue.poll()/…

第十三部分 Java IO

第十三部分 Java IO 13.1 IO概述 13.1.1 什么是IO 生活中,你肯定经历过这样的场景。当你编辑一个文本文件,忘记了ctrls ,可能文件就白白编辑了。当你电脑上插入一个U盘,可以把一个视频,拷贝到你的电脑硬盘里。那么数…

EfficientNet-B6模型实现ISIC皮肤镜图像数据集分类

项目源码获取方式见文章末尾! 回复暗号:13,免费获取600多个深度学习项目资料,快来加入社群一起学习吧。 《------往期经典推荐------》 项目名称 1.【基于opencv答题卡识别判卷】 2.【卫星图像道路检测DeepLabV3Plus模型】 3.【G…

51单片机完全学习——红外遥控

一、红外接收模块原理 红外接收头内部本身有一个反相,意思就是:平时发送方无信号时接收到的是1,发送方有发送载波时接收头引脚输出的是0,写代码的时候注意这一点。红外协议,你也可以理解成,他对0和1重新做…

Vue学习笔记(五)

Class绑定 数据绑定的一个常见需求场景式操纵元素的CSS class列表,因为class是attribute,我们可以和其他attribute一样使用v-bind将它们和动态的字符串绑定。但是,在处理比较复杂的绑定时,通过拼接生成字符串是麻烦且易出错的。因此&#xf…

【认知智能】编译器1

深度学习编译器是一种专门设计用来优化和加速深度学习模型在各种硬件平台上执行的工具。它们通过将高级深度学习框架(如TensorFlow, PyTorch等)中的计算图转换为针对特定硬件架构优化过的低级代码来实现这一目标。基础架构通常包括以下几个关键组件&…

C语言基础题(大合集2)

1. 时间转换 给定秒数 --> 输出秒数 转化成 时/分/秒 //时间转换 //给定秒数 --> 转换成 小时/分/秒 int main() {//输入int seconds 0;int h 0;//小时int m 0;//分钟int s 0;//秒scanf("%d", &seconds);//计算h seconds / 60 / 60;m seconds / 60…

ctfshow(171,172,173)--SQL注入--联合注入

Web171 进入靶场,是一个SQL查询界面: 审计: 查询语句如下: $sql "select username,password from user where username !flag and id ".$_GET[id]." limit 1;";语句功能从数据表user中查询username,pa…

Continue语句应用举例

在main.cpp里输入程序如下 #include <iostream> //使能cin(),cout(); #include <iomanip> //使能setbase(),setfill(),setw(), //setprecision(),setiosflags()和resetiosflags(); using namespace std; //告诉编译器使用std标准程序库; int main() { i…

【AIGC】从CoT到BoT:AGI推理能力提升24%的技术变革如何驱动ChatGPT未来发展

博客主页&#xff1a; [小ᶻZ࿆] 本文专栏: AIGC | ChatGPT 文章目录 &#x1f4af;前言&#x1f4af;迈向AGI的新跨越&#x1f4af;BoT与CoT的技术对比技术原理差异推理性能提升应用范围和通用性从错误中学习的能力总结 &#x1f4af;BoT的工作流程和机制初始化过程生成推…

在微信里怎么创建秒杀活动

在这个快节奏的时代&#xff0c;每个人都渴望以最优惠的价格购买到心仪的商品。为了满足广大消费者的这一需求&#xff0c;我们特别在微信平台推出了限时秒杀活动&#xff0c;让你在指尖轻松享受购物的乐趣与实惠。 工具/原料 微信小程序 飞多多网站 方法/步骤 一、秒杀活动…

计算机前沿技术-人工智能算法-大语言模型-最新研究进展-2024-10-25

计算机前沿技术-人工智能算法-大语言模型-最新研究进展-2024-10-25 0. 前言 大语言模型在很多领域都有成功的应用&#xff0c;在本期计算机前沿技术进展研究介绍中&#xff0c;我们将带来一篇用大语言模型进行诺贝尔文学作品分析的论文。虽然有一定趁最近诺贝尔奖热潮的意味&…

本地docker部署中间件和应用

Docker Desktop搭建 安装完成之后使用docker下载镜像&#xff0c;报以下错误&#xff1a; 解决办法&#xff1a; Docker Engine配置能访问的镜像地址&#xff1a; {"builder": {"gc": {"defaultKeepStorage": "20GB","enabled…

【Keil5教程及技巧】耗时一周精心整理万字全网最全Keil5(MDK-ARM)功能详细介绍【建议收藏-细细品尝】

&#x1f48c; 所属专栏&#xff1a;【单片机开发软件技巧】 &#x1f600; 作  者&#xff1a; 于晓超 &#x1f680; 个人简介&#xff1a;嵌入式工程师&#xff0c;专注嵌入式领域基础和实战分享 &#xff0c;欢迎咨询&#xff01; &#x1f496; 欢迎大家&#xff1…

ARM学习(34) GDB 调试器详细了解

笔者来聊一下对于GDB的一些操作使用认识。 1、GDB的使用以及用途 GDB是GNU的一个项目&#xff0c;具体网站如下&#xff0c;网址&#xff1a;https://www.gnu.org/software/gdb/ 支持多种语言&#xff0c;常用的就是C/C/Python等等跨平台使用&#xff0c;Linux/windows/MacOS…

电机---3直流有刷减速电机

前言 在简单了解电机分类后&#xff0c;为了能够更深入学习了解电机、编码器、PID算法等内容&#xff0c;选择使用野火的直流减速有刷电机和其驱动板进行学习&#xff0c;单片机开发板选择野火的指南者开发板。 1直流有刷减速电机 直流有刷电机转速快&#xff0c;扭矩小&…

SQL Server 当前日期及其未来三天的日期

当前日期及其未来三天的日期&#xff0c;并分别以 YYYY-MM-DD 和 yyyyMMdd 的格式展示 1、当前日期及其未来三天的日期&#xff0c;以 YYYY-MM-DD的格式展示 WITH CurrentDate AS (SELECT GETDATE() AS 当前日期 ) -- 使用 CONVERT 函数 SELECTCONVERT(VARCHAR(10), 当前日期,…

【Android】ViewPager与ViewPager2之间的区别

ViewPager 和 ViewPager2 都是 Android 中用于实现滑动页面切换的控件&#xff0c;但 ViewPager2 是对 ViewPager 的改进和增强版本。 区别 实现方式 ViewPager 继承自 ViewGroup&#xff0c;内部并未使用已有的成熟控件&#xff0c;更多的是自定义的操作。ViewPager2 也继承…

【verilog】模十计数器

文章目录 前言代码 前言 进行 FPGA 模十计数器 实验 仿真结果 代码 主代码 // module module count(clk,rst_n,count,clk1,led);// def io input clk; input rst_n; output reg [3:0] count; output reg clk1; output reg [7:0] led;// always part, or main() always (pos…

【吐槽】豪斯医生之二:第 4-6 集

写在前面 5841 字 | 医学 | 吐槽 | 电视剧 正文 维基百科&#xff1a;   利巴韦林&#xff08;英语&#xff1a;Ribavirin&#xff0c;俗称病毒唑&#xff09;&#xff0c;是一种抗病毒药&#xff0c;属合成核苷类药&#xff0c;1970 年由 ICN 制药公司 Joseph T. Witkowsk…