网站首页

广场评论区

致用户的一封信

投递信件成功

admin后台smtp

admin后台审核

最近Gemini3横空出世,被吹嘘的很厉害,于是我也试了试。用了差不多三个小时的时间,自己开发(改代码里面的中文部分)+AI辅助(其实都是AI写的)完成了这个网站。技术栈是PHP+CSS+JS+ MySQL。
这个网站用途是,点击首页的胶囊,有一个打开动画,然后写一封寄往未来的信件,就会在未来这个时候收到。你也可以选择把自己的信件公开在大厅,游客可以点击喜欢或者评论。
网站英文字体是DotGothic16,中文字体是zpix。网站有完善的后台,可以审核评论,网站tdk,smtp等。smtp采用php自带+第三方,保证稳定性。发送邮件触发用的是一个cron定时任务。
网站做了一些美化,比如说空闲时胶囊会抖动,随机说话等。
其实是否能用好AI,就是看你能不能给AI描述清楚你的需求。Gemini3对于2代的提升是有,但是其实没有网上说的那样神乎其神,和想象中的AI还是有很大差距。
我为什么写了这样一个项目呢?在高中,学生时代最艰难的那个时候,偶遇了个给未来的自己投递信件的网站,网站打开就是个胶囊的样子,可以给未来写信。我还认认真真的写了许许多多的话。但是在高考结束后,再打开那个网站,却发现已经停止运营了…
年少时的我究竟对未来说了什么,我至今都想不起来。这个项目就当作纪念一下每个人都会逝去的年少时光吧!
⏳ Time Capsule (时光胶囊)
“请忘记这封寄给未来的信件,让我们在未来一起回忆现在这个时刻。”
Time Capsule 是一个基于 PHP + MySQL 构建的“慢递邮局”系统。它拥有独特的复古像素(Pixel Art)风格 UI,允许用户写一封寄给未来的信。信件会在指定的时间通过邮件发送给收件人,并支持在“时光广场”匿名公开展示、评论和点赞。
✨ 功能特性 (Features)
🎨 前台功能
- 像素风视觉体验:全站采用复古像素风格,集成 Zpix 字体,拥有细腻的 CSS 动画(胶囊悬浮、打开动画、噪点背景)。
- 寄送胶囊:用户可设定收信邮箱、发送时间(未来)、信件内容,并选择是否公开。
- 时光广场:展示公开的信件,支持 点赞 和 评论 互动。
- 精美信纸页:
letter.php包含 SVG 生成的蚀刻风格邮戳(指南针、羽毛笔、土星等),随随机生成,极具仪式感。 - 响应式设计:完美适配移动端和桌面端(修复了移动端信纸与按钮的布局)。
🛡️ 后台管理 (Admin Console)
- 仪表盘:可视化管理信件队列、审核评论、系统设置。
- 内容审核:
- 广场审核:用户申请公开的信件需管理员批准后才会显示。
- 评论审核:防止垃圾评论,支持一键通过或删除。
- SMTP 配置:后台直接配置邮件服务器(Host, Port, User, Pass),无需修改代码。
- PHPMailer 一键安装:内置自动化脚本 (
setup_mailer.php),可从后台直接下载并配置 PHPMailer 库。 - 系统设置:在线修改网站标题、描述、关于我们、页脚信息等。
⚙️ 核心逻辑
- 自动化投递:基于 Cron Job 的邮件发送机制,精准投递到达时间的信件。
- 安装向导:内置
install.php,首次访问即可通过图形化界面完成数据库安装和管理员账号创建。
🛠️ 安装指南 (Installation)
1. 环境要求
- PHP 7.4+ (需开启 PDO_MYSQL 扩展)
- MySQL 5.7+
- Web 服务器 (Apache/Nginx)
2. 部署步骤
- 将项目文件上传至服务器根目录或子目录。
- 确保
includes/目录具有写入权限(用于生成db.php和安装PHPMailer)。 - 浏览器访问
http://your-domain.com/install.php。 - 根据提示输入数据库信息(Host, DB Name, User, Password)及管理员账号密码。
- 安装成功后,系统会自动锁定安装程序(生成
installed.lock)。
3. 配置邮件发送 (SMTP)
- 访问后台
http://your-domain.com/admin/并登录。 - 进入 SMTP 选项卡。
- 如果提示 “Not Installed”,点击下载按钮自动安装 PHPMailer。
- 填写你的 SMTP 服务商信息(如 Gmail, Outlook, QQ邮箱等)并保存。
- 使用下方的测试框发送一封测试邮件确保配置正确。
4. 设置定时任务 (Cron Job)
为了让信件能在未来准时发出,你需要在服务器上设置定时任务。
安全提示:请打开 cron.php 文件,修改第 4 行的密钥:
Linux Crontab 设置 (建议每分钟或每5分钟执行一次):
📂 目录结构 (Directory Structure)
📝 待办事项 / 开发计划(或许是很久之后了)
- [×] 增加信件的富文本编辑支持
- [×] 增加更多种类的复古邮票样式
- [×] 用户个人中心(目前为匿名/邮箱检索模式)
GitHub开源链接














![表情[guzhang]轩玮IT博客:探索建站技术,分享专业见解-轩玮博客](https://www.xuwbk.com/wp-content/themes/zibll/img/smilies/guzhang.gif)



暂无评论内容