# 聊天室 IM Vue3

**Repository Path**: littledokey/poetize-im-vue3

## Basic Information

- **Project Name**: 聊天室 IM Vue3
- **Description**: 个人博客 聊天室 IM，挑战最美博客，使用 SpringBoot 和 Vue 的个人网站
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: https://poetize.cn
- **GVP Project**: No

## Statistics

- **Stars**: 921
- **Forks**: 179
- **Created**: 2022-11-22
- **Last Updated**: 2025-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 注意
本仓库代码已合并到主仓库，本仓库不再维护。

项目地址：https://gitee.com/littledokey/poetize

## 🌸 POETIZE - 诗意栖居的数字花园

> POETIZE：作诗，有诗意地描写。"三年沉淀，一生所爱" —— 一个程序员的全栈浪漫。

![首页1](poetize_picture/首页1.jpg)

## 💞 Star

虽然我知道，大部分人都是来了直接下载源码，然后潇洒的离开。

虽然我知道现实就是如此的残酷，但我还是要以我萤虫之力对各位到来的同仁发出一声诚挚的嘶吼：`Star`，`Star`，`Star`。

相信各位同仁看到下面的项目介绍一定会心动的，心想`怎么没有早点遇到这么漂亮的博客项目`。

在搭建这个美丽的网站同时，何不`Star`，为这个项目点赞呢！

## 🛠️ 技术栈

| 模块   | 技术栈            | 组件                                  |
|------|----------------|-------------------------------------|
| 后端   | SpringBoot 2.7 | Nginx + MySQL + Mybatis-Plus + T-io |
| 博客   | Vue2           | Element UI                          |
| 聊天室  | Vue3           | Element-Plus UI + Naive UI          |
| 移动适配 | CSS            | 完美自适应                               |

网站分两个模块：

- 博客系统：具有文章，表白墙，图片墙，收藏夹，音乐播放，视频播放，留言，友链，后台管理等功能。
- 聊天室系统：具有朋友圈，好友，群等功能。

本网站采用前后端分离进行实现，两个前端项目通过Nginx代理，后端使用Java，数据存储使用Mysql。

部署网站需要安装Nginx、Java、MySQL，然后打包前后端项目并部署。

文件服务可以使用七牛云，也可以使用服务器。默认使用服务器。

Vue3（IM 聊天室系统）是非必须的。如果部署，则需要依赖博客，然后从博客的“联系我”进入，因为登录模块在博客。

## 🌟 资源地址

- 项目地址：https://gitee.com/littledokey/poetize
- 专栏文章：[POETIZE开源版 - 专栏文章](https://poetize.cn/label/41)
- 问题反馈：[POETIZE开源版 - 问题反馈](https://poetize.cn/article/121)
- 需求管理：[POETIZE开源版 - 需求管理](https://poetize.cn/article/122)
- 技术交流：[POETIZE开源版 - 技术交流](https://poetize.cn/article/125)
- POETIZE开源版 QQ交流群：*807489974*。
- 七牛云登录/注册地址（文件服务/CDN）：https://s.qiniu.com/Mz6Z32

## 🚀 本地启动

Vue2：

1. npm install
2. npm run serve

Vue3：

1. npm install
2. npm run serve

SpringBoot：

1. 导入SQL文件到数据库（poetry.sql）
2. 配置数据库连接（application.yml里面的datasource信息）
3. 启动（PoetryApplication）
4. 登录**网站后台（http://localhost/admin） - 配置管理**可以配置网站信息。请注意部分配置信息修改后需要重启Java，比如邮箱号和邮箱授权码。
5. 本地启动项目后，文件无法访问，因为没有通过Nginx代理，浏览器无法直接访问文件。服务器部署后，文件通过Nginx即可访问。

## 📜 项目历程

**2012年6月16日** 萌芽初现 → **2022年8月21日** 首个正式版本发布 → **2024年4月15日** 暂停开源版维护 → **2025年7月1日** 缓慢维护

这是一个关于技术、艺术与生活的真实故事：

- 👨‍💻 **2021-2022**：每天16小时的代码修行
- 💞 **2023**：开源
- 👶 **2024**：失业，新生命降临，项目休眠
- 🦋 **2025**：缓慢维护

大家好，我是Sara。

从2021年6月16日开始搭建项目，到2022年8月21日第一个版本发布。期间曾因为换工作而暂停几个月，也因老头环而鸽了几个月。

项目经历了大大小小的更新，每次更新都是在美观度上的精雕细琢，也修复了很多问题，添加了很多功能。

项目提供开源版供大家参考学习，只需要在Gitee拉取项目，按照Readme启动说明就能直接启动，但需要一定的编程能力。

项目2024年5月1日开启付费版，在开源版基础上继续更新。

感谢对POETIZE的支持。

## 💯 付费版

[付费版官网：https://poetize.cn](https://poetize.cn)

[购买请移步：https://poetize.cn/store](https://poetize.cn/store)

[付费版测试网站：http://zuimei.live](http://zuimei.live)，用户名Abby，密码：aaa（请勿搞破坏）。

文档导航：[POETIZE - 文档导航与网站美化](https://poetize.cn/article/100)

部署专栏：[POETIZE - 部署专栏](https://poetize.cn/label/30)

使用指南专栏：[POETIZE - 使用指南专栏](https://poetize.cn/label/31)

### 💎 付费版特色

在开源版的基础上持续更新与优化，极致美学设计，实用与美观并存，丰富且强大的文章系统，致力于成为最美博客与最美内容平台。

**增强功能**：

1. 多维度门户系统：
    - 经典博客首页
    - 文章首页
    - 专栏首页
    - 极简个人主页

2. 支付模块：
    - 支付宝/微信/易支付/码支付对接
    - 商品系统
    - 会员体系

3. 智能增强：
    - AI文章生成
    - AI文章摘要生成

4. 全方位登录方案：
    - 国内主流社交平台登录
    - 微信公众号验证码登录
    - 手机邮箱验证码登录

5. 存储解决方案：
    - 支持7大云存储厂商
    - 自建存储方案
    - 混合存储模式

#### 多首页

##### 经典超美博客首页

![首页1](poetize_picture/首页1.jpg)

##### 文章首页

![首页2](poetize_picture/首页2.jpg)

##### 专栏首页

![首页3](poetize_picture/首页3.jpg)

##### 极简起始页

![首页4](poetize_picture/首页4.jpg)

#### 专栏文章

![专栏](poetize_picture/专栏.jpg)

## 🏆 开源版

### 博客

#### 文章速览、文章分类

![首页文章速览](poetize_picture/首页文章速览.png)

![分类页面](poetize_picture/分类页面.png)

#### 文章详情页：文章、视频功能与留言

![文章详情页](poetize_picture/文章详情页.png)

![文章视频功能](poetize_picture/文章视频功能.png)

![文章留言区域](poetize_picture/文章留言区域.png)

#### 恋爱笔记与旅拍

![恋爱笔记页面](poetize_picture/恋爱笔记页面.png)

![旅拍页面](poetize_picture/旅拍页面.png)

#### 百宝箱、弹幕墙与友人帐

![百宝箱](poetize_picture/百宝箱.png)

![弹幕墙](poetize_picture/弹幕墙.png)

![友人帐](poetize_picture/友人帐.png)

#### 聊天室与朋友圈

![聊天室](poetize_picture/聊天室.png)

![朋友圈](poetize_picture/朋友圈.png)

### 后台管理系统

#### 访问统计、基础设置与文件管理

![后台管理访问统计](poetize_picture/后台管理访问统计.png)

![后台管理网站基础设置](poetize_picture/后台管理网站基础设置.png)

![后台管理文件资源管理](poetize_picture/后台管理文件资源管理.png)

#### 文章管理与新增文章

![后台管理文章管理](poetize_picture/后台管理文章管理.png)

![后台管理新增文章](poetize_picture/后台管理新增文章.png)

## 结语

> 开源版会永远保持其纯粹性
> 付费版将探索更多可能
> 无论您选择哪种方式支持，都是这个项目继续前行的动力

## 开源版更新进度

### 2023年1月1日更新

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

### 2023年4月1日更新

- 新增：百宝箱（收藏夹）
- 优化：首页
- 优化：前端美化
- 优化：资源整合

### 2023年7月20日更新

- 新增：旅拍模块
- 新增：看板娘
- 优化：聊天室脚本过滤
- 优化：每个IP和账号限制每天接口保存次数
- 优化：Bug修复

### 2023年8月20日更新

- 新增：访客统计（博客首页展示总访问量，后台管理系统首页展示IP/地区/用户维度的访问统计）
- 新增：搜索（标题与内容匹配。标题匹配放在上面，内容匹配放在下面。匹配多个标题或者多个内容时间倒叙排列）
- 新增：音乐按照列表顺序播放，列表中最后一首歌播放完后停止
- 新增：聊天室搜索功能（搜索框下的内容筛选）
- 新增：后台管理系统【欢迎光临】
- 优化：前端美化
- 优化：个别Bug修复

### 2023年9月1日更新

- 优化：所有保存接口、邮件发送接口、文件上传接口都限制次数，防止恶意调用
- 优化：修复vuex中用户信息丢失错乱的Bug
- 优化：文件上传模块改造，每次上传之前获取上传密钥，每个密钥只能上传一个文件
- 优化：个别Bug修复

### 2023年10月1日更新

- 新增：文章加密
- 新增：文章订阅
- 新增：文件上传模块改造，支持多平台（目前对接本地）
- 优化：友人帐及其他模块样式调整

### 2024年1月10日更新

- 新增：首页分类预览
- 新增：文章视频
- 新增：文章目录
- 新增：留言与朋友圈图片放大
- 新增：上传进度条与原始文件名记录
- 优化：百宝箱及其他模块样式调整

### 2024年4月1日更新

- 部署优化，提取配置文件到MySQL，无需编译打包环节
- 前端编译压缩，提升访问速度
- 部分样式美化

### 2024年4月10日更新

- 部署优化
- 后端增加系统配置模块
- 部分样式美化