# capsule

**Repository Path**: zkwgaga/capsule

## Basic Information

- **Project Name**: capsule
- **Description**: vue+elementUI的时光胶囊项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-05-17
- **Last Updated**: 2025-06-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于vue的时光胶囊项目前端

> 项目演示地址 http://120.26.143.198:8080/#/

> 项目的后端源码：https://gitee.com/zkwgaga/time_capsule

# 项目的具体设计

## 后端

**--后端的架构--**

项目基于SpringCloud Alibaba的一套微服务解决方案：

1. 使用了**nacos**作为服务配置/注册中心，实现服务的注册与发现和配置的热刷新等功能
2. **sentinel**作为项目的流量卫兵，实现服务降级，服务熔断等配置
3. **gateway**作为后端接口的全局网关，统一管理后端api、实现集群模式下的负载均衡。



**--邮件服务--**

负责发送qq邮箱的邮件，带上设置好的邮件标题和内容格式。



--**胶囊服务**--

1. 负责提供创建胶囊的接口
2. 利用quarz设置定时任务，每15秒（测试演示方便）查询一次数据库，打开胶囊，调用邮件服务执行发送邮件任务。

## 前端

使用了==vue+elementUI==，与后端分离
![输入图片说明](https://images.gitee.com/uploads/images/2021/0527/210546_d00ab33d_4953130.png "屏幕截图.png")




## 页面展示
![输入图片说明](https://images.gitee.com/uploads/images/2021/0527/210627_cb520187_4953130.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0527/210636_4bee1031_4953130.png "屏幕截图.png")


## 启动说明
需要node.js环境
分别执行

`npm install`

`npm run serve`