一个集个人博客与聊天室IM系统于一体的综合性平台 前后端分离

简介

一、技术概览

本项目致力于打造一个集个人博客与聊天室IM系统于一体的综合性平台，为用户提供丰富的功能模块与优雅的交互体验。在技术上，我们采用了前后端分离的开发模式，前端采用Vue2和Vue3框架，后端则基于Java和SpringBoot等技术构建。

前端技术栈

• Vue2：用于构建博客系统的前端界面，利用Vue的响应式特性和组件化开发方式，实现高效的界面渲染和逻辑复用。
• Vue3：应用于聊天室系统的前端部分，凭借Vue3的性能提升和Composition API等特性，为用户带来更加流畅和灵活的交互体验。
• Element UI：为Vue2提供丰富的PC端组件库，助力博客系统快速搭建美观且功能完善的界面。
• Element-Plus UI：作为Vue3的UI组件库，为聊天室系统提供现代化的界面元素和交互效果。
• Naive UI：轻量级且高性能的Vue3 UI组件库，为项目提供额外的组件选择和优化空间。

后端技术栈

• Java：作为后端开发语言，Java的稳定性和高性能为本项目提供了坚实的基础。
• SpringBoot：简化了Spring应用的开发流程，快速构建稳定可靠的后端服务。
• MySQL：作为关系型数据库，MySQL为项目提供数据持久化服务，确保数据的安全性和一致性。
• Mybatis-Plus：简化了Mybatis的使用，通过强大的CRUD操作简化数据库访问逻辑。
• t-io：基于Netty的高性能网络通信框架，为聊天室系统提供实时消息传输功能。
• qiniu-java-sdk：与七牛云存储进行交互的Java SDK，实现文件的上传、下载和管理。
• spring-boot-starter-mail：提供邮件发送功能，支持用户注册、找回密码等场景的邮件通知。

二、功能模块

博客系统

• 文章：用户可发布、编辑和浏览文章，展示个人见解和创作。
• 表白墙：提供用户之间的互动平台，增加社交元素和趣味性。
• 图片墙：展示用户上传的图片，丰富博客的视觉内容。
• 收藏夹：允许用户收藏喜欢的文章或图片，方便后续查看。
• 乐曲与视频播放：支持音乐和视频内容的嵌入播放，提升博客的多媒体体验。
• 留言与友链：增强用户间的交流与互动，拓展博客的社交网络。
• 时间线：记录用户的活动轨迹，展示个人动态。
• 后台管理：提供对博客内容的全面管理功能，确保内容的合规性和安全性。

聊天室系统

• 朋友圈（时间线）：展示用户的动态和分享，促进用户间的交流。
• 好友管理：支持添加、删除和查找好友，构建用户间的社交关系。
• 群聊功能：支持创建和管理群聊，方便用户间的集体讨论和交流。

三、部署与启动

本项目采用前后端分离架构，前端项目通过Nginx进行代理。在部署时，需要安装Nginx、Java和MySQL等必要的软件和环境。然后，将前后端项目分别打包并部署到服务器上。启动流程包括启动MySQL数据库服务、后端Java服务以及Nginx代理服务。完成这些步骤后，用户即可通过浏览器访问网站，开始使用个人博客与聊天室IM系统。

截图

开源地址