Memory 缘忆交友社区

项目概述

项目名称

Memory 缘忆交友社区

使用场景

• 🎓 学校社交：在大学校园里，学生们可以通过该平台找到志同道合的朋友，组织兴趣小组、参加线下活动，分享学习经验，丰富校园生活。
• 🌆 新城市社交：在新城市里，新移民或者刚刚毕业的年轻人可以通过该平台结识新朋友，扩大社交圈子，分享生活经验和资源，融入新的生活环境。
• 💼 专业领域社交：该平台可为专业人士提供行业交流和合作的地方，包括分享行业动态、经验和资源，促进专业成长和项目合作。

主要功能

• 这是一个通信交友平台，由三个社区组成：
  • 👩‍🎓 用户中心：用户可以设置个人资料、搜索其他用户并添加好友、管理好友列表，还可以自由组队结识志同道合的朋友。
  • 📞 聊天大厅：提供实时双向通信功能，用户可以和在线好友进行即时聊天，发送文字、表情、图片和语音消息，支持群聊，在线状态显示和消息通知功能增强了与好友的联系。
  • 📚 博文社区：用户可以浏览、发布和评论博文，写长篇博客、心情随笔或分享图片等，与其他用户进行互动和交流，通过标签或关键词搜索感兴趣的博文，扩大知识和交友圈子。
• 这个通信交友社区的目标是为用户提供一个互动交流的社区，让用户可以在这里找到志同道合的朋友、分享自己的想法和经验，并且享受到在线聊天、博文发布和交友组队的乐趣。

项目启动

• 拉取代码后，应该如何运行该项目？

后端

• 配置MySQL、Redis、Elasticsearch 为本机地址：

  # MySQL配置
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/xxx
    username: xxx
    password: xxx

  # Redis 配置
  redis:
    database: 0
    host: localhost
    port: 6379
    timeout: 5000
    password: Dw990831

  # ES 配置
 elasticsearch:
    uris: http://localhost:9200
    username: root
    password: 123456

前端

• 确保本地 Node.js 环境配置完成，版本为 v18.xx
• 修改请求的后端地址：

const instance = axios.create({
    baseURL: "http://localhost:8081/api",
    withCredentials: true,
    timeout: 10000,
});

• 执行以下命令，一键启动前端项目：

npm run serve

技术选型

前端

后端

项目结构

架构设计

功能模块

项目收获

效果展示