De acordo com a estrutura (uma estrutura em execução)

Versão separada de front-end e back-end do Ruoyi Framework (1)

Introdução à estrutura

本身是一个优秀的简单的后台管理系统框架,前端(Vue,ElementUI),后端(Spring Boot、Spring Security、Redis & Jwt(JWT即JSON Web Token,是一种在两方之间以紧凑、可验证的形式传输信息的方式。此信息可以验证和信任,因为它是数字签名的。JWT 可以使用密钥(使用HMAC算法)或使用RSA或ECDSA的公钥/私钥对进行签名。)),本身可以直接拉下来直接使用.它的强大之处在于代码自动生成器的使用,可以根据数据库的表对应生成全套前后端代码,代码植入后可以直接使用,复杂业务只需在基础代码上进行修改增强即可.减少了重复代码的编写,提高了开发效率.
若依后台管理系统是一套完整的前后台综合框架,包括前台页面和后台Java,默认支持一常用的用户、角色、部门、岗位、菜单、权限、监控、定时任务等功能,还有强大的代码生成器,可以根据后台数据库表结构自动生成前后台代码。

Para obter detalhes, visite: https://gitee.com/y_project/RuoYi-Vue

pilha de tecnologia

TIP
前端技术栈 ES6、vue、vuex、vue-router、vue-cli、axios、element-ui
后端技术栈 SpringBoot、MyBatis、Spring Security、Jwt

Nota: Ambiente operacional

系统需求
JDK >= 1.8
MySQL >= 5.7
Maven >= 3.0
Node >= 12
Redis >= 3 
redis是一个key-value存储系统。Redis(Remote Dictionary Server ),即远程字典服务,是一个开源的、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。
一提到redis,自然而然就想到缓存,国内外中大型的网站都离不开缓存。合理的利用缓存,比如缓存热点数据,不仅可以提升网站的访问速度,还可以降低数据库DB的压力。
Redis的常用应用场景
·缓存
·排行榜
·计数器应用
·共享Session
·分布式锁
·社交网络
·消息队列
·位操作
redis下载链接https://github.com/tporadowski/redis/releases

Insira a descrição da imagem aqui
Insira a descrição da imagem aqui

1. Se você baixar o código-fonte, poderá baixá-lo do site oficial ou usar o método git clone para poder atualizá-lo a qualquer momento no futuro.
源码下载
http://www.ruoyi.vip/

Adicione a descrição da imagem

git克隆地址
https://gitee.com/y_project/RuoYi-Vue.git

Insira a descrição da imagem aqui

官方文档
http://doc.ruoyi.vip/ruoyi-vue/

Adicione a descrição da imagem

2. Basta abri-lo com uma ideia

Adicione a descrição da imagem

Estrutura de código
com.ruoyi

├── common // 工具类

│ └── annotation // 自定义注解

│ └── config // 全局配置

│ └── constant // 通用常量

│ └── core // 核心控制

│ └── enums // 通用枚举

│ └── exception // 通用异常

│ └── json // JSON数据处理

│ └── utils // 通用类处理

│ └── xss // XSS过滤处理

├── framework // 框架核心

│ └── aspectj // 注解实现

│ └── config // 系统配置

│ └── datasource // 数据权限

│ └── manager // 异步处理

│ └── shiro // 权限控制

│ └── util // 通用工具

│ └── web // 前端控制

├── ruoyi-generator // 代码生成(可移除)

├── ruoyi-quartz // 定时任务(可移除)

├── ruoyi-system // 系统代码

├── ruoyi-admin // 后台服务,启动类所在模块

├── ruoyi-xxxxxx // 其他模块
3. Importe SQL para o banco de dados

Adicione a descrição da imagem
Adicione a descrição da imagem

4. Abra o projeto e execute-o

Banco de dados de links

arquivo application-druid.yml no arquivo ruoyi-admin

Modifique para as informações do seu próprio banco de dados

Adicione a descrição da imagem
Adicione a descrição da imagem
Adicione a descrição da imagem
Iniciado com sucesso
Adicione a descrição da imagem

5. Separação das extremidades dianteira e traseira
Abra ruoyi-ui usando apenas a ideia

Instalar plugin (configurações/configurações)Vue.js
Adicione a descrição da imagem

ideia avisa que npm install precisa ser compilado

在终端中
npm install --registry=https://registry.npmmirror.com

Execute o front-end

在终端中
npm run dev 
默认地址
http://localhost:80

Adicione a descrição da imagem

6. Execute com sucesso

Se houver um código de verificação, o front e o back-end serão iniciados com sucesso. O nome de usuário padrão é admin e a senha é admin123.
Adicione a descrição da imagem

Acho que você gosta

Origin blog.csdn.net/lu947/article/details/127685055
Recomendado
Clasificación