“小猫小狗的窝”是轻量级情侣互动博客系统,采用前后端分离架构,支持日记撰写、相册管理、时光胶囊等多功能,为情侣打造私密温馨线上空间,记录专属甜蜜回忆,让爱意有迹可循。
小猫小狗的窝 —— 情侣博客系统 v1.0.0
一个可以记录情侣日常的博客系统,基于 React + Node.js 的全栈情侣博客系统,让每一份爱意都有迹可循。
“小猫小狗的窝”是一款面向情侣群体的轻量级博客系统,旨在为恋人们提供一个私密、温馨且功能完备的情感记录空间。项目采用前后端分离架构,支持日记撰写、相册管理、时光胶囊、音乐分享、双向留言及共同计划等核心功能,让每一对情侣都能拥有属于自己的线上小窝。
这算是我寒假一个练手的项目,为自己也为大家打造的温馨情侣博客平台,用于记录点滴时光,包括日记、照片、音乐、留言与计划。
项目简介
“小猫小狗的窝”是一个情侣互动博客系统。通过这个平台,情侣可以共同记录生活点滴,分享日常瞬间,留下专属回忆。
项目包含:
- 前端展示页:基于 React + Bootstrap + Ant Design 构建,支持富文本编辑(Tiptap)
- 后台管理系统:管理员可轻松管理内容与用户信息
- 后端服务:基于 Node.js 提供 RESTful API
前端功能
| 功能 | 描述 |
|---|---|
| 猫狗日记 | 使用 Tiptap 富文本编辑器撰写图文日记 |
| 猫狗照片 | 支持上传与分类展示瞬间 |
| 猫狗时光 | 视频/音频时光胶囊(需浏览器支持) |
| 猫狗音乐 | 收藏爱情歌单 |
| 猫狗留言 | 双向留言墙,互诉衷肠 |
| 猫狗计划 | 共同制定未来计划,支持打卡完成 |
后台管理功能
- 内容管理:快速编辑、删除日记、照片、音乐、计划等
- 数据统计:查看内容数量对比、计划完成率
- 人员管理:支持多用户角色(如情侣账号)
- 基础配置:网站标题、头像、主题等自定义设置
技术栈
- 前端:
- React 18+
- Bootstrap 5
- Ant Design
- Tiptap
- Axios
- React Router
- 后端:
- Node.js
- MySQL
- Multer && Qiniu
- CORS
使用方法
前端使用 npm run build 进行打包,后端可以用 pm2 管理器或 pnmp。后台账号密码:admin / admin123
💕 “在彼此的世界里,我们是对方的小猫小狗。”
—— 小猫小狗的窝



