赶集网网站建设分析海外推广代理商
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. 运行诺伊项目
- 首先运行 Redis 就好了
- 在运行 IDEA 中的 RuoYiApplication
- 最后在前端项目的终端中输入 npm run der 即可
