诺依框架安装

1.了解诺依框架

诺依( RuoYi )框架是一个基于 Spring Boot 和 Spring Cloud 的企业级快速开发平台,旨在帮助企业快速构建稳定、高效的应用系统。它提供了多种版本,包括前后端混合版本、前后端分离版本( RuoYi-Vue )、微服务版本( RuoYi-Cloud )以及移动端版本( RuoYi-App )。

1.1 核心特点

  • 技术栈丰富:后端集成了 Spring Boot 、MyBatis 、Redis 、Shiro / Spring Security等技术;前端则采用 Vue.js 、Element UI 等。

  • 功能强大:内置权限管理、系统管理、工具管理、监控管理等功能,支持多租户模式。

  • 模块化设计:从3.0版本开始,RuoYi 采用模块化架构,便于扩展和维护。

  • 支持多种架构:除了传统的单体架构,还支持微服务架构和前后端分离架构。

  • 开发效率高:提供代码生成器、在线表单等工具,帮助开发者快速开发。

1.2 应用场景

RuoYi 框架适用于企业级应用开发,尤其是需要快速搭建后台管理系统、支持高可扩展性和高可用性的场景。

1.3 需要使用到的东西,以及官方推荐版本

JDK >=1.8        MySql >=5.7.0        Redis >=3.0        Maven >=3.0        Node >=12

2.拉取后端与前端Vue3项目

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

因为上面这个是 Vue2 的前端代码在 2023 ,就停止维护与更新了所以我们需要使用 Vue3

前端 :  https://gitee.com/ys-gitee/RuoYi-Vue3

2.1 初始化项目后端

2.1.1 导入后端项目

点击后端的网址然后点击克隆/下载;

在点击复制按钮,当然有那么一些酱总,要点下载ZIP,这一样是可以的无所叼味;

接着我们打开 IDEA 点击 CloneRepository ,注意 Directoy 你需要选好路径文件,里面再丢一个空的文件夹,提供给他使用,否者他会说,该文件已存在,而且不是空的所以,别先创,就再这" / "后面输入一个文件夹就好了:

最后点击 Clone 就好了,在一个就是点击配置了;

创建好后的样子:

 2.1.2 运行MySql

创建一个 ry_vue 的数据库然后运行这些表的 sql ,它有30个表,创建这个数据库的话,就不用改配置;

2.1.3 启动Redis

打开你下载的 Redis ,然后双击 redis-server.exe 就好了

或者找到这个文件夹内,再搜索栏输入 cmd 或右键空白处打开终端

输入:      .\redis-server.exe redis.windows.conf

打开效果 : 1. 输入 , 2. 双击

 

 2.1.4 修改配置文件

  主要配置再 ruoyi-admin 里面打开之后,行修改 mysql 的用户名和密码和自己的一样,然后需要确定数据库名字是否和自己的一样,

 然后打开 yml 为后缀的配置文件进行修改,空就是没密码的;

2.1.5 刷新Maven

先点击 IDEA 右扯的 Maven ,再点击 clean 进行清除,最后点击 package 进行打包,他就会将依赖重新加载;

2.2 初始化项目前端

2.2.1 gitee的Vue3

打开 :   https://gitee.com/ys-gitee/RuoYi-Vue3

接着和导入后端项目一样的复制他的下载链接,随后找一个想把这个项目存储的位置,右键打开终端,在;

输入: git clone https://gitee.com/ys-gitee/RuoYi-Vue3.git

直接回车就好了,等它自己下载;

输入:  code ./Ruoyi-vue3

他会直接打开文件:

 2.2.2 安装依赖

在启动好的项目中打开终端:

输入: npm install

2.2.3 运行项目

输入: npm run dev

这是因为 80 端口号被占用了,所以我们需要在左侧找到 vite.config.js 打开后找到 28行进行修改即可;

3. 运行诺伊项目

  1. 首先运行 Redis 就好了
  2. 在运行 IDEA 中的  RuoYiApplication 
  3. 最后在前端项目的终端中输入 npm run der 即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值