# 社交搭子论坛小程序H5

**Repository Path**: zhygit/sun-uniapp-quanzi

## Basic Information

- **Project Name**: 社交搭子论坛小程序H5
- **Description**: 社交圈子(搭子)是一款基于UniApp和SpringBoot开发的跨平台社交应用，支持发布动态、评论互动、私信聊天、圈子管理等功能。应用采用前后端分离架构，前端使用UniApp实现多端适配，后端基于SpringBoot提供稳定高效的API服务。
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://gitee.com/sun-gongzhu/sun-uniapp-quanzi
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-09-09
- **Last Updated**: 2025-09-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
	<img alt="logo" src="https://oscimg.oschina.net/oscnet/up-d3d0a9303e11d522a06cd263f3079027715.png">
</p>
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">社交圈子 v1.0.0</h1>
<h4 align="center">基于UniApp+SpringBoot的跨平台社交圈子应用</h4>
<p align="center">
	<a href="https://gitee.com/sun-gongzhu/sun-uniapp-quanzi/stargazers"><img src="https://gitee.com/sun-gongzhu/sun-uniapp-quanzi/badge/star.svg?theme=dark"></a>
	<a href="https://gitee.com/sun-gongzhu/sun-uniapp-quanzi"><img src="https://img.shields.io/badge/社交圈子-v1.0.0-brightgreen.svg"></a>
	<a href="https://gitee.com/sun-gongzhu/sun-uniapp-quanzi/blob/master/LICENSE"><img src="https://img.shields.io/github/license/mashape/apistatus.svg"></a>
</p>

## 项目简介

社交圈子是一款基于UniApp和SpringBoot开发的跨平台社交应用，支持发布动态、评论互动、私信聊天、圈子管理等功能。应用采用前后端分离架构，前端使用UniApp实现多端适配，后端基于SpringBoot提供稳定高效的API服务。
[QQ交流群785246149](https://qm.qq.com/q/huZY4LoMIE) | [标准版演示地址](http://120.26.239.75:6379) | [管理端 账号 ceshi  密码ceshi123456](http://120.26.239.75:15672/index) 
代码三端均提供开源版供学习（**SQL文件在群文件中**）
### 主要特点

- **跨平台支持**：一套代码，多端运行（iOS、Android、H5、小程序等）
- **社交互动**：支持发帖、评论、点赞、收藏、关注等社交功能
- **圈子管理**：用户可创建和加入不同兴趣圈子，实现垂直社区交流
- **实时通讯**：集成即时通讯功能，支持私信和群聊
- **个性化推荐**：基于用户兴趣和行为的内容推荐算法
- **响应式设计**：完美适配各种屏幕尺寸和设备

## 技术架构
开源版技术栈：Vue2+ElementUI

标准版技术栈：Vue2+ElementUI 微服务

### 前端技术栈

- **基础框架**：UniApp + Vue.js
- **UI组件**：uView UI 2.0
- **状态管理**：Vuex
- **网络请求**：uni-request（封装）
- **图片处理**：uView 内置图片组件 + (七牛云存储/MINIO) 
- **即时通讯**：WebSocket + 融云IM（可选）
- **地图服务**：高德地图API
- **CSS预处理**：SCSS

### 后端技术栈

- **基础框架**：SpringBoot 2.7.x
- **安全框架**：Spring Security + JWT
- **持久层**：MyBatis + MyBatis-Plus
- **数据库**：MySQL 8.0
- **缓存**：Redis
- **搜索引擎**：Elasticsearch（可选）
- **消息队列**：RabbitMQ（可选）
- **文件存储**：七牛云/阿里云OSS
- **定时任务**：Quartz
- **日志框架**：Logback + ELK

### 系统架构图

```
┌─────────────────────────────────────────────────────────────────┐
│                         客户端层                                │
│  ┌───────────┐  ┌───────────┐  ┌───────────┐  ┌───────────┐    │
│  │  iOS/安卓  │  │  H5网页   │  │  微信小程序 │  │  其他小程序 │    │
│  └───────────┘  └───────────┘  └───────────┘  └───────────┘    │
└─────────────────────────────────────────────────────────────────┘
                           │
                           ▼
┌─────────────────────────────────────────────────────────────────┐
│                         网关层                                  │
│  ┌───────────────────────────────────────────────────────────┐  │
│  │                  Nginx / Gateway                          │  │
│  └───────────────────────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────────────────┘
                           │
                           ▼
┌─────────────────────────────────────────────────────────────────┐
│                         应用层                                  │
│  ┌───────────┐  ┌───────────┐  ┌───────────┐  ┌───────────┐    │
│  │  用户服务  │  │  内容服务  │  │  社交服务  │  │  消息服务  │    │
│  └───────────┘  └───────────┘  └───────────┘  └───────────┘    │
└─────────────────────────────────────────────────────────────────┘
                           │
                           ▼
┌─────────────────────────────────────────────────────────────────┐
│                         数据层                                  │
│  ┌───────────┐  ┌───────────┐  ┌───────────┐  ┌───────────┐    │
│  │   MySQL   │  │   Redis   │  │ Elasticsearch│  │  文件存储  │    │
│  └───────────┘  └───────────┘  └───────────┘  └───────────┘    │
└─────────────────────────────────────────────────────────────────┘
```

## 功能模块

### 用户中心
- 注册登录：手机号、微信、QQ等多种登录方式
- 个人资料：头像、昵称、签名、兴趣标签等信息管理
- 账号安全：密码修改、手机绑定、账号注销等
- 消息通知：系统通知、互动提醒、私信等

### 内容中心
- 动态发布：支持文字、图片、视频、链接等多种内容形式
- 内容浏览：关注、推荐、最新三种内容流
- 内容互动：点赞、评论、收藏、分享功能
- 话题/标签：内容分类与聚合

### 社交功能
- 关注系统：关注/粉丝管理
- 评论系统：多级评论、点赞评论
- 私信系统：一对一聊天、消息提醒
- 圈子系统：创建圈子、加入圈子、圈子内容管理

### 管理后台
- 用户管理：用户信息查看、封禁/解封操作
- 内容管理：内容审核、违规处理
- 圈子管理：圈子创建审核、圈子运营数据
- 系统设置：基础配置、权限管理、操作日志

## 项目特色

1. **优雅的UI设计**：采用现代化UI设计，提供流畅的用户体验
2. **高性能架构**：前后端分离，接口响应迅速，支持大规模并发
3. **安全可靠**：完善的权限控制和数据加密机制，保障用户数据安全
4. **易于扩展**：模块化设计，便于功能扩展和二次开发
5. **完整的文档**：详细的开发文档和API文档，降低学习成本
6. **持续更新**：定期更新迭代，不断优化功能和性能

## 安装部署

### 环境要求
- JDK 1.8+
- MySQL 5.7+
- Redis 5.0+
- Node.js 14+
- HBuilderX 3.0+

### 后端部署
```bash
# 克隆项目
git clone https://gitee.com/sun-gongzhu/sun-uniapp-quanzi.git



# 修改配置
vim ruoyi-backend/src/main/resources/application.yml  # 修改数据库、Redis等配置

# 编译打包
mvn clean package -Dmaven.test.skip=true

# 运行项目
java -jar ruoyi-admin/target/ruoyi-admin.jar
```

### 前端开发
```bash
# 进入前端目录
cd sun-uniapp

# 安装依赖
npm install

# 使用HBuilderX导入项目
# 配置服务器地址
修改 sun-uniapp/config.js 中的 BASE_URL

# 运行到浏览器或模拟器
通过HBuilderX运行菜单选择对应平台
```

## 在线演示


  - 管理员账号：ceshi
  - 密码：ceshi123456

## 应用截图

<table>
    <tr>
        <td><img src="yanshiimage/img_1.png" alt="首页-推荐内容"/></td>
        <td><img src="yanshiimage/img_2.png" alt="帖子详情页"/></td>
    </tr>
    <tr>
        <td><img src="yanshiimage/img_3.png" alt="评论互动"/></td>
        <td><img src="yanshiimage/img_4.png" alt="个人中心"/></td>
    </tr>
    <tr>
        <td><img src="yanshiimage/img_5.png" alt="发布动态"/></td>
        <td><img src="yanshiimage/img_6.png" alt="圈子页面"/></td>
    </tr>
    <tr>
        <td><img src="yanshiimage/img_7.png" alt="消息中心"/></td>
        <td><img src="yanshiimage/img_8.png" alt="登录页面"/></td>
    </tr>
</table>

## 开源协议

[MIT License](https://gitee.com/sun-gongzhu/sun-uniapp-quanzi/blob/master/LICENSE)

## 联系我们

- 作者：sungz  
- 邮箱：609069312@qq.com
- QQ群：785246149

## 鸣谢

感谢以下开源项目的支持：
- [RuoYi-Vue]
- [UniApp](https://uniapp.dcloud.io/)
- [uView UI](https://www.uviewui.com/)