# AwakeningEra2-Front

**Repository Path**: marshou/awakening-era2-front

## Basic Information

- **Project Name**: AwakeningEra2-Front
- **Description**: 基于vue开发的博客前端项目，实现通过msgbus组件间消息互通，基于websocket实现的消息传送
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-29
- **Last Updated**: 2022-12-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AwakeningEra2-Front

#### 介绍
AwakeningEra项目前端

该系统主要实现前后端分离、单点登录、网关鉴权、分布式IM即时通讯以及博客的发布、评论、点赞等功能。

后端项目 https://gitee.com/marshou/awakening-era2

体验地址 http://124.222.162.206:8290/#/（服务器到期已失效）

#### 软件架构

静态资源使用NignX部署。博客搜索使用ElasticSearch，MQ实现异步数据同步，使用SpringCache、Redis实现系统热点数据缓存。IM通讯基于RabbitMQ、WebSocket实现。

#### 安装教程
搭建详细见飞书文档https://ywt56xqv2i.feishu.cn/docx/GFNNd2MAZo5sffxwJ8Ccd6JZnGc
打包后用NginX部署

node v14.16.1
vue3

#### 使用说明
将代理请求改为后端ip+port

#### 截图

![首页](imgs/%E9%A6%96%E9%A1%B5.png)

![搜索](imgs/%E6%90%9C%E7%B4%A2.png)

![博客详情](imgs/%E8%AF%A6%E6%83%85.png)

![聊天](imgs/%E8%81%8A%E5%A4%A9.png)

![博客编辑](imgs/%E7%BC%96%E8%BE%91.png)

![通知](imgs/%E9%80%9A%E7%9F%A5.png)

![个人信息](imgs/%E4%B8%AA%E4%BA%BA%E4%BF%A1%E6%81%AF.png)

![个人主页](imgs/%E4%B8%AA%E4%BA%BA%E4%B8%BB%E9%A1%B5.png)

![关于](imgs/%E5%85%B3%E4%BA%8E.png)

![登录](imgs/%E7%99%BB%E5%BD%95.png)