# poetry-ui（Vue2）

## 网站示例
[poetize.cn](https://poetize.cn)

## 技术栈
前端技术：Vue2（博客系统），Vue3（IM 聊天室系统），Element UI（Vue2），Element-Plus UI（Vue3），Naive UI（Vue3）

后端技术：Java，Spring Boot，spring-boot-starter-mail，Mysql，Mybatis-Plus，t-io，qiniu-java-sdk

## 网站简介
这是一个 Spring Boot + Vue2 + Vue3 的产物。

网站分两个模块：
- 博客系统：具有文章，留言，友链，时间线，后台管理等功能。
- 聊天室系统：具有朋友圈（时间线），好友，群等功能。

本网站搭建于阿里云，采用前后端分离进行实现，两个前端项目通过Nginx代理。

### 2023年1月1日更新
- 新增：音乐盒功能
- 新增：表白墙功能
- 优化：文件管理
- 优化：登录支持多端登录
- 优化：登录权限过期时间重置
- 优化：前端美化
- 优化：留言分类与资源整合

### 2023年4月1日更新
- 新增：百宝箱（收藏夹）
- 优化：首页
- 优化：前端美化
- 优化：资源整合

### 首页
![首页](首页.jpg)

### 推荐
![推荐](推荐.jpg)

### 留言
![留言](留言.jpg)

### 树洞
![树洞](树洞.jpg)

### 朋友圈（时间线）
![朋友圈（时间线）](朋友圈（时间线）.jpg)

### 友链
![友链](友链.jpg)

### 聊天室
![聊天室](聊天室.jpg)

## 安装
```
npm install
```

## 启动
```
npm run serve
```

## 编译
```
npm run build
```

## 配置
全局搜索：`$$$$`

替换成自己自定义的内容，因为Https无法跨域，这些内容需要用自己的。

- 博客：https://gitee.com/littledokey/poetize-vue2.git
- 聊天室：https://gitee.com/littledokey/poetize-im-vue3.git
- 后端：https://gitee.com/littledokey/poetize.git
- 部署文档：https://poetize.cn/article?id=26

### 重点事情说三遍
`Star`

`Star`

`Star`

一定要`Star`

## 欢迎进群
1. 交流（摸鱼）
2. 安装部署：互相帮助，争取每个人都零基础拥有自己的个人网站
3. 博客答疑：每段代码都是我自己写的，爱学习的小伙伴可以在这里提问，互相学习，互相进步
4. 漏洞反馈：欢迎提交BUG
5. 迭代升级：欢迎提好的创意

群名片七天有效，如果需要请加作者好友，然后拉进交流群（请按需加群，退群后删除好友）

![个人名片](Sara.jpg)

## 欢迎关注作者B站
B站搜索用户【寻国记】，博客介绍与搭建教程。

【挑战最美博客！个人博客网站食用教程。这是一个 SpringBoot 与 Vue 的产物，在此公开，一起学习，共同成长。】
https://www.bilibili.com/video/BV1eM41167Ks/?share_source=copy_web