复刻2008年的QQ空间程序~大家都来踩一下吧

陆伍
昨天发布 /正在检测是否收录...
广告 广告 广告 广告 广告 广告 广告 广告 广告 广告

https://img.xx8g.com/uploadfile/2026112190123.jpg 源码介绍 一款以 2008 年 QQ 空间为原型的 PHP 个人空间/博客程序,前后台都尽量还原当年的视觉与交互。 灵感来源 2008 年前后的..." >

复刻2008年的QQ空间程序~大家都来踩一下吧插图

源码介绍

一款以 2008 年 QQ 空间为原型的 PHP 个人空间/博客程序,前后台都尽量还原当年的视觉与交互。

灵感来源

2008 年前后的 QQ 空间,是很多人第一次装扮、写日志、传照片的地方:天蓝渐变标题栏、圆角描边的模块、宋体小字、闪光字与彩虹字、飘落的花瓣、右下角的音乐盒、留言板上的「踩踩」和「沙发」。

这个项目把那些元素重新拼了回来。它不是简单的皮肤仿制,而是照着当年的使用习惯设计:模块可以随意摆放,装扮可以一项项调,音乐打开空间就响,好友来了可以留一句悄悄话。目标是在自己的服务器上,重新拥有一个完整属于自己的、旧时光模样的个人空间。

基本功能

前台(空间展示)

  • 经典皮肤:经典蓝、糖果粉、清新绿、星空夜,可一键切换。
  • 装扮系统:自定义背景图/背景色、顶部图片、空间 Logo、布局栏数、标题字效、字号。
  • 模块拼贴:资料卡、说说、日志、相册、留言板、好友、音乐盒等,支持拖拽排序、调整所在栏、显隐与改名。
  • 说说:文字 + 多图,点赞、评论。
  • 日志:富文本编辑、分类、标签、封面、草稿、置顶、评论。
  • 相册:批量上传、缩略图、照片灯箱自动播放整册图片。
  • 音乐盒:播放列表、上一首/下一首、循环模式、音量、自动播放,翻页不中断。
  • 留言板:表情、验证码、悄悄话、回复、置顶、删除。
  • 统一评论:日志/说说/照片共用,支持表情。
  • 访客统计:按 IP + 浏览器 UA 每日去重,今日人气与累计访问。
  • 怀旧细节:飘落花瓣、点击爱心、鼠标跟随、可拖动的小企鹅、黄钻与等级、访客足迹。
  • 全站 PJAX:换页只刷新内容区,背景音乐连续播放。

后台(空间管理)

  • 说说、日志(富文本与图片上传)、相册与照片、音乐、留言、评论管理。
  • 个人资料、装扮设置、站点设置。
  • 用户管理:创建/编辑/停用/删除用户,单独控制每个用户的上传权限。
  • 内容安全:登录鉴权、CSRF 校验、密码哈希、SQL 预处理、富文本白名单清洗、上传类型与图片真实性校验。

运行环境

  • PHP 7.4 及以上(推荐 PHP 8.x)
  • MySQL 5.7+ / MariaDB 10.3+
  • 扩展:PDO MySQL、GD、mbstring、fileinfo
  • 无需任何外部 CDN,素材与样式全部本地化,可完全离线运行

快速开始

  1. 将程序上传到网站目录,确保 uploads/ 可写。
  2. 浏览器访问 install.php,按向导填写数据库信息。
  3. 安装时可选择导入演示数据,完成后自动生成管理员账号。
  4. 删除或重命名 install.php,登录后台开始使用。

默认管理员用户名与密码在安装向导完成页显示(默认 admin / admin888),请及时修改。

源码是使用AI制作的,如下给你们提示词参考。

AI 提示词

【项目需求】开发一个 PHP 博客程序,前端与后台均采用 2008 年 QQ 空间的经典怀旧风格

一、整体定位

做一个单用户(或支持多用户)的 PHP 博客/个人空间程序,运行在常见的 PHP + MySQL 环境下(如 PHP 7.4/8.x + MySQL 5.7+,Apache/Nginx 均可),不需要复杂框架,原生 PHP 即可,代码结构清晰、注释完整、便于二次修改。核心诉求是「复刻 2008 年 QQ 空间的视觉与交互体验」,让人一打开就有时光倒流的感觉。

二、前端风格要求(重点)

视觉基调:模仿 2008 年 QQ 空间的经典皮肤——浅蓝/天蓝色调(或可切换的粉色、绿色等怀旧皮肤),圆角描边框、渐变标题栏、小图标点缀,整体像素感、低分辨率审美。

字体与文字效果:标题可用「宋体/黑体」小字号,支持经典「闪光字」「彩虹字」「描边字」的标题效果。

布局:模块拼贴式布局(类似 QQ 空间的模块拖拽),首页由多个可自由排列的模块组成,例如:

个人资料卡(头像、昵称、签名、访问量、星座、心情)

说说/日志/相册/留言板/好友/音乐盒 等模块

模块可上下拖动排序、可显示/隐藏、可调宽度(左右两栏或三栏)

怀旧元素(尽量还原):

背景音乐自动播放(进入页面即播放,带播放/暂停小控件)

悬浮小挂件/挂饰、飘落花瓣或雪花特效

鼠标点击爱心/星星特效、跟随鼠标的小动画

「踩踩」「沙发」「板凳」「路过」「顶」等经典留言用语按钮

访客记录、今日访问量、总访问量、黄钻/等级图标

留言板、悄悄话、好友列表头像墙

装扮系统:用户可在后台选择皮肤/模板、上传自定义背景图、设置背景音乐、调整模块顺序与颜色,实现「个性化装扮自己的空间」。

三、功能模块

说说(心情/微博客):发布纯文字/图文说说,支持表情,列表按时间倒序,可评论、点赞(用「顶」)、删除。

日志(博客文章):富文本编辑器,支持分类、标签、封面图、草稿/发布、置顶、评论。

相册:创建相册、批量上传照片、生成缩略图、相册封面、照片描述、幻灯片浏览。

音乐盒:后台添加背景音乐(支持外链 MP3 或上传),可设置播放列表、默认播放曲目、是否自动播放、循环模式;前台显示播放器。

留言板:游客可留言(可配验证码),支持回复、删除、置顶,带经典表情。

个人资料:头像、昵称、签名、性别、生日、家乡、心情、联系方式等可编辑。

评论系统:说说、日志、相册、留言均支持评论。

访客统计:记录访问量、今日访问、IP/访客记录(简单实现即可)。

四、后台管理

后台登录(账号密码,session 鉴权,防 SQL 注入与 XSS,密码加密存储)。

后台界面同样做成 QQ 空间怀旧风格(蓝色渐变标题栏、左侧菜单、图标按钮),而不是默认的 Bootstrap 现代扁平风。

管理功能:说说管理、日志管理、相册与照片管理、音乐管理、留言管理、评论管理、用户资料设置、装扮设置(皮肤/背景/模块排序/特效开关)、站点基本设置(标题、公告、备案信息等)、

数据统计概览。

支持富文本/图片上传,上传目录与文件类型做安全校验。

五、技术与交付要求

提供完整的数据库建表 SQL(含初始管理员账号)。

代码目录结构清晰:/admin(后台)、/includes(公共函数/配置/数据库连接)、/uploads(上传文件)、/assets(CSS/JS/图片/皮肤)、前台模板文件。

前后端不依赖外部 CDN,样式与脚本本地化,保证离线可用。

代码需有中文注释,关键逻辑说明清楚,方便我后续自己改皮肤、加模块。

请先输出「项目结构 + 数据库表设计 + 页面清单」,确认后再逐个文件给出完整可运行的代码,不要只给片段或伪代码。

六、参考画面

UI 效果参考 2008 年 QQ 空间经典蓝色皮肤:顶部是渐变色空间标题栏 + 导航(主页/日志/相册/音乐盒/留言板/个人档),中间是模块化内容区,右侧是个人资料与访客模块,底部有版权与「Powered by」字样。整体要「像」,不要做成现代简约风。

⬇️ 下载地址







喜欢就支持一下吧
点赞 0 分享 赞赏
评论 抢沙发
OωO
取消