复刻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 空间的经典皮肤——浅蓝/天蓝色调(或可切换的粉色、绿色等怀旧皮肤),圆角描边框、渐变标题栏、小图标点缀,整体像素感、低分辨率审美。 个人资料卡(头像、昵称、签名、访问量、星座、心情) 说说/日志/相册/留言板/好友/音乐盒 等模块 模块可上下拖动排序、可显示/隐藏、可调宽度(左右两栏或三栏) 怀旧元素(尽量还原): 背景音乐自动播放(进入页面即播放,带播放/暂停小控件) 悬浮小挂件/挂饰、飘落花瓣或雪花特效 鼠标点击爱心/星星特效、跟随鼠标的小动画 「踩踩」「沙发」「板凳」「路过」「顶」等经典留言用语按钮 访客记录、今日访问量、总访问量、黄钻/等级图标 留言板、悄悄话、好友列表头像墙 装扮系统:用户可在后台选择皮肤/模板、上传自定义背景图、设置背景音乐、调整模块顺序与颜色,实现「个性化装扮自己的空间」。 三、功能模块 说说(心情/微博客):发布纯文字/图文说说,支持表情,列表按时间倒序,可评论、点赞(用「顶」)、删除。 日志(博客文章):富文本编辑器,支持分类、标签、封面图、草稿/发布、置顶、评论。 相册:创建相册、批量上传照片、生成缩略图、相册封面、照片描述、幻灯片浏览。 音乐盒:后台添加背景音乐(支持外链 MP3 或上传),可设置播放列表、默认播放曲目、是否自动播放、循环模式;前台显示播放器。 留言板:游客可留言(可配验证码),支持回复、删除、置顶,带经典表情。 个人资料:头像、昵称、签名、性别、生日、家乡、心情、联系方式等可编辑。 评论系统:说说、日志、相册、留言均支持评论。 访客统计:记录访问量、今日访问、IP/访客记录(简单实现即可)。 四、后台管理 后台登录(账号密码,session 鉴权,防 SQL 注入与 XSS,密码加密存储)。 后台界面同样做成 QQ 空间怀旧风格(蓝色渐变标题栏、左侧菜单、图标按钮),而不是默认的 Bootstrap 现代扁平风。 管理功能:说说管理、日志管理、相册与照片管理、音乐管理、留言管理、评论管理、用户资料设置、装扮设置(皮肤/背景/模块排序/特效开关)、站点基本设置(标题、公告、备案信息等)、 数据统计概览。 支持富文本/图片上传,上传目录与文件类型做安全校验。 五、技术与交付要求 提供完整的数据库建表 SQL(含初始管理员账号)。 代码目录结构清晰:/admin(后台)、/includes(公共函数/配置/数据库连接)、/uploads(上传文件)、/assets(CSS/JS/图片/皮肤)、前台模板文件。 前后端不依赖外部 CDN,样式与脚本本地化,保证离线可用。 代码需有中文注释,关键逻辑说明清楚,方便我后续自己改皮肤、加模块。 请先输出「项目结构 + 数据库表设计 + 页面清单」,确认后再逐个文件给出完整可运行的代码,不要只给片段或伪代码。 六、参考画面 UI 效果参考 2008 年 QQ 空间经典蓝色皮肤:顶部是渐变色空间标题栏 + 导航(主页/日志/相册/音乐盒/留言板/个人档),中间是模块化内容区,右侧是个人资料与访客模块,底部有版权与「Powered by」字样。整体要「像」,不要做成现代简约风。 |
