校园墙投稿小程序产品系统

我要开发同款
西安全栈老张2026年06月16日
9阅读

技术信息

语言技术
PHPWorkermanMySQL小程序
系统类型
小程序轻应用
行业分类
教育校园内容平台

作品详情

行业场景

随着高校信息化建设不断深入,校园内信息发布与传播仍高度依赖传统公告栏、QQ群、微信群等渠道,存在信息碎片化、审核缺失、传播效率低等问题。本项目旨在打造一款基于微信生态的校园墙投稿平台,为高校师生提供规范化的匿名/实名投稿、内容审核、互动评论、墙主运营及佣金分成等一站式服务,解决校园信息发布分散、内容质量难控、运营变现困难等核心痛点。

校园墙是高校文化的重要载体,传统线下"贴墙"模式效率低、难管理、无数据。本项目以微信小程序为主要入口,构建"用户投稿 → 墙主审核 → 内容发布 → 互动评论 → 佣金结算"的完整业务闭环,实现校园信息发布的数字化、规范化、可运营化。

功能介绍

### 核心功能模块
| 模块 | 功能说明 |
|------|---------|
| **用户系统** | 微信一键登录、用户资料编辑、角色体系(普通用户/墙主/管理员) |
| **投稿系统** | 文字+图片+标签+背景色投稿、投稿预览、投稿列表、我的投稿管理、审核状态追踪 |
| **审核系统** | 墙主审核(通过/驳回+驳回理由)、管理员审核、敏感词自动过滤 |
| **评论系统** | 帖子评论、回复评论、评论审核、评论管理 |
| **通知系统** | WebSocket实时推送审核结果、点赞、评论、系统通知,消息已读/未读管理 |
| **墙主系统** | 墙主申请、墙主后台(数据统计、投稿审核、二维码生成、群聊管理)、频道管理 |
| **佣金与提现** | 墙主佣金明细、微信支付集成、提现申请与审核、提现记录 |
| **海报生成** | Canvas动态生成投稿海报,支持自定义背景色、标签、图片,一键保存到相册 |
| **管理后台** | 仪表盘数据总览、用户管理、投稿管理、评论管理、墙主申请管理、提现审核、通知推送、教程管理、用户协议管理、频道管理、社区管理 |

### 业务流程
用户微信登录 → 选择/创建投稿 → 填写内容(文字/图片/标签/背景色) → 预览确认 → 提交投稿
→ 墙主收到WebSocket通知 → 审核投稿(通过/驳回) → 用户收到审核结果通知
→ 审核通过后发布到墙 → 其他用户浏览/点赞/评论 → 墙主获得佣金 → 申请提现 → 管理员审核提现

项目实现

### 整体架构和技术选型
本项目采用**前后端分离的三层架构**(客户端层 → 服务端层 → 数据层),追求模块解耦、职责清晰、可独立扩展。

#### 架构设计说明
**1. 客户端层:双端分离**
- **UniApp 小程序端**(面向用户/墙主):UniApp + Vue 2 + uView UI,跨端编译至微信小程序/H5/App。微信小程序为校园场景核心流量入口,Canvas API 实现海报生成并做跨端适配。
- **Vue3 管理后台**(面向管理员):Vue 3 + Element Plus + Vite 5 + Pinia,SPA 单页应用,WangEditor 富文本编辑,Axios 统一请求拦截。

**2. 通信机制:HTTP + WebSocket 双通道**
- **HTTP**:常规 CRUD 操作,请求-响应模式
- **WebSocket**:实时推送审核结果/评论/点赞通知,通过 `GatewayClient` → `Gateway::sendToUid()` 投递;通知同时写入 `notification` 表,离线消息可 HTTP 拉取,**保证消息不丢失**

## 我的负责模块和成果
本人作为全栈开发,独立负责整个系统的设计、开发与部署:
-后端API:独立完成全部的API控制器
-WebSocket服务:基于GatewayWorker实现实时通知推送,支持多进程部署
- 微信支付集成:完成微信支付统一下单、JSSDK调起支付、支付回调处理全流程
- 管理后台:完成12个管理页面的开发,包含数据仪表盘、内容审核、用户管理等
- 移动端:完成17个页面的开发,包含投稿、审核、评论、海报生成等核心功能
- 海报生成:基于Canvas实现动态海报生成,支持自定义背景色、标签、多图排版

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论