若依框架搭建（前后端分离版本）

已于 2024-01-19 08:53:15 修改
阅读量599 收藏 10
点赞数 7
文章标签： mybatis vue.js
于 2024-01-18 10:00:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46108386/article/details/135475988
版权

前言

若依官网

https://www.ruoyi.vip/

后端

idea工具  

jdk1.8版本

数据库工具Navicat Premium 15

一、克隆代码

代码地址：RuoYi-Vue: 🎉 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本

git clone git@gitee.com:y_project/RuoYi-Vue.git

二、新建数据库

1.新建数据库

2.初始化数据

将这两个sql文件在Navicat导入数据，初始化表数据

二、修改配置文件

1.在ruoyi-admin->application-druid.yml文件改数据源连接配置

三、运行redis服务器

1.在window电脑运行redis

  • 默认端口：6379
  • 下载链接: https://pan.baidu.com/s/1D0s7SjH4-lN2_TM5xEBoDQ?pwd=r926 提取码: r926 
  • 解压
  • 双击redis-server.exe启动服务端
  • 双击redis-cli.exe启动客户端连接服务端
  • 在客户端输入 “ping”，出现“PONG”，即证明连接成功

四、在idea运行代码

运行成功

前端

一、node环境

1.下载16本版本node并且安装

如果不是16版本的，请先卸载再安装

下载链接: https://pan.baidu.com/s/1NC6jaf2J1NfPSCwzjXFFtw?pwd=trui 提取码: trui 

命令行输入node -v 查看node版本

 如果存在不是16版本的node，去控制面板卸载Node.js

卸载成功后出现

然后运行node-v16.13.0-x64.msi安装16版本的node,安装成功控制台出现16的版本号

进入到ruoyi-ui文件夹，打开cmd,输入npm i 下载依赖，npm run dev 运行前端项目

负责地址到浏览器打开

顾未眠0125
关注
  • 7
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Django+Vue.js搭建前后端分离项目的示例
10-19
本篇文章主要介绍了Django+Vue.js搭建前后端分离项目的示例，具有一定参考价值，有兴趣的可以了解一下
若依基础框架（springboot，maven，redis，mysql）
02-15
springboot，maven，redis，mysql数据库一体化，快速搭建，快速开发的框架
ruo-yi若依框架搭建全流程
qq_56000315的博客
03-04 345
Maven 作为 Java 项目管理工具，它不仅可以用作包管理，还有许多的插件，可以支持整个项目的开发、打包、测试及部署等一系列行为。
详解vue.js+UEditor集成 [前后端分离项目]
12-09
首先，谈下这篇文章中的前后端所涉及到的技术框架内容。 虽然是后端的管理项目，但整体项目，是采用前后端分离的方式完成，这样做的目的也是产品化的需求； 前端，vue+vuex+vue router+webpack+elementUI的方案完成框架的搭建，其中用到了superUI来作为后端登陆之后的主页面框架，中间集成vue的大型单页应用； 后端，springboot+spring+springmvc+spring serurity+mybatis+maven+redis+dubbo +zookeeper的方式来构建项目框架和管理，提供给前端restful风格的接口。此处还提供app端、PC WEB
利用人人框架进行前后端分离项目应用教程（提高开发效率）
07-01
基于 Spring Boot2.0 实现的 Java 快速开发平台，其核心设计目标是开发迅速、学习简单、轻量级、易扩展，方便二次开发。 使用 renren-fast 搭建项目，只需编写30%左右代码，其余的代码交给系统自动生成。 renren-fast框架介绍： 1.renren-fast是一个轻量级的Spring Boot快速开发平台，能快速开发项目并交付. 2.完善的XSS防范及脚本过滤，彻底杜绝XSS攻击 3.实现前后端分离，通过token进行数据交互 利用人人框架进行前后端分离项目应用，基础知识循序渐进，带着学员实操，学完可以上手演练，提高学习效率和节省学习时间。
SSM框架整合Dome(前后端分离)
05-29
该资源Spring、SpringMVC、Mybatis三大框架搭建的前后端分离项目，解决了前后端分离出现的跨域问题及乱码问题
若依框架搭建前后端分离版本
qq_52458527的博客
12-29 868
若依框架搭建
若依框架——前后端分离版
热门推荐
moran_3346的博客
07-19 2万+
若依（RuoYi）是一款基于 Spring Boot、Spring Security、MyBatis-plus、Vue、Element-UI 的快速开发平台，是一个全功能权限系统，采用前后端分离的方式进行开发。若依包含了许多常用的功能，例如用户管理、角色管理、菜单管理、部门管理、字典管理、定时任务等等，还提供了代码生成器、日志管理、在线用户管理等扩展功能，可以快速搭建企业级应用。
若依框架（前后端分离版本）总结
W1965561714的博客
11-23 4210
RuoYi是一个后台管理系统，基于经典技术组合（Spring Boot、Apache Shiro、MyBatis、Thymeleaf）主要目的让开发者注重专注业务，降低技术难度，从而节省人力成本，缩短项目周期，提高软件安全质量。
若依框架环境的搭建（前后端不分离版）
轻舟终过万重山
11-15 1万+
搭建若依环境并访问
SpringCloud微服务框架搭建
02-24
不同模块部署在不同服务器上作用：分布式解决网站高并发带来问题多台服务器部署相同应用构成一个集群作用：通过负载均衡设备共同对外提供服务RPC的全称是RemoteProcedureCall是一种进程间通信方式。它允许程序调用另一个地址空间（通常是共享网络的另一台机器上）的过程或函数，而不用程序员显式编码这个远程调用的细节。即无论是调用本地接口/服务的还是远程的接口/服务，本质上编写的调用代码基本相同。比如两台服务器A，B，一个应用部署在A服务器上，想要调用B服务器上应用提供的函数或者方法，由于不在一个内存空间，不能直接调用，这时候需要通过就可以应用RPC框架的实现来解决（1）RESTful是一种架
c# .net core 3.1 好用的通用后台管理 前后端分离框架
06-26
前后端分离框架，基于.NET5/.NET6实现的通用权限管理平台。整合最新技术高效快速开发，前后端分离模式，开箱即用。 代码量少、学习简单、通俗易懂、功能强大、易扩展、轻量级，让web开发更快速、简单高效（从此告别...
若依前后端分离版，快速上手
程序猿追的博客
11-18 9831
若依框架（RuoYi）是一套基于Java开发的快速开发框架，它提供了许多常用的功能模块和工具，包括用户管理、部门管理、角色管理、菜单管理、字典管理、系统监控、定时任务等。若依框架采用了MVC（Model-View-Controller）的架构模式，使用了Spring Boot、MyBatis等流行的开源框架，可以帮助开发者快速搭建企业级的后台管理系统。若依框架还提供了许多可视化的操作界面，使得开发者可以方便地进行系统配置和管理。
若依分离版本框架本地部署(一)
天之大的博客
03-20 2320
亲身经历搭建若依前后端分离框架
保姆级教学ruoyi-vue（若依前后端分离版本）环境搭建 用eclipse 安装redis 后端配置 配置node环境 前端配置
m0_67402096的博客
03-06 2151
本地部署ruoyi-vue前后端分离版 后端配置 下载源码并数据库建表 安装redis 后端配置完成，运行RuoYi-Vue-master uoyi-adminsrcmainjavacom uoyi下的RuoYiApplication.java文件启动 前端配置 配置node环境 在E:eclipsespaceoneRuoYi-Vue-master文件路径下输入cmd，弹出命令行窗口并输入cd ruoyi-ui 添加依赖输入npm install --registry=https://
vue快速入门（五十）重定向
不起眼小菜菜的博客
05-03 436
注释很详细，直接上代码……
v-for中的key是什么作用
最新发布
qq_39196447的博客
05-06 268
在使用v-for进行列表渲染时，我们通常会给元素或者组件绑定一个key属性。这个key属性有什么作用呢?我们先来看一下官方的解释：key属性主要用在Vue的虚拟DOM算法，在新Inodes对比时辨识VNodes；如果不使用key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法；而使用key时，它会基于key的变化重新排列元素顺序，并且会移除/销毁key不存在的元素；
前端Vue 后端FastApi 跨域 CORS
weixin_44656422的博客
05-06 317
前端是localhost:3000,后端是localhost:8000 ，就是跨域了。
若依框架 前后端分离
09-13
在基于前后端分离的商城管理系统中，可以使用若依框架来进行开发。若依框架是一个基于Spring Boot和Vue.js的前后端分离快速开发平台，它提供了一套完整的开发框架和工具集，可以帮助开发人员快速构建商城管理系统。 以下是使用若依框架进行前后端分离商城管理系统开发的步骤： 1. 前端开发： - 使用Vue.js作为前端框架进行开发，它提供了一套简洁灵活的前端开发工具和组件库。 - 使用Element UI作为UI组件库，它提供了丰富的UI组件和样式，方便开发人员进行界面设计和开发。 - 根据商城管理系统的需求，设计和开发前端页面，包括商品管理、订单管理、用户管理等功能模块。 2. 后端开发： - 使用Spring Boot作为后端框架进行开发，它提供了一套简化的开发工具和开发流程，可以快速搭建后端服务。 - 使用MyBatis作为持久层框架，它提供了方便的数据库操作和数据映射功能。 - 根据商城管理系统的需求，设计和开发后端接口，包括商品管理接口、订单管理接口、用户管理接口等。 3. 数据库设计： - 根据商城管理系统的需求，设计数据库表结构，包括商品表、订单表、用户表等。 - 使用MySQL等关系型数据库进行数据存储和管理。 4. 前后端交互： - 使用RESTful API进行前后端数据交互，前端通过发送HTTP请求到后端接口获取数据或提交数据。 - 后端接口根据前端请求进行相应的处理，返回符合前端需求的数据或状态码。 5. 安全性和权限控制： - 使用Spring Security进行安全性和权限控制，确保商城管理系统的数据和功能只能被授权的用户访问和操作。 - 根据商城管理系统的需求，设计和实现用户认证和授权的功能。 综上所述，使用若依框架进行前后端分离商城管理系统的开发，可以提高开发效率和系统稳定性，同时满足商城管理系统的需求和功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值