详情
评论
问答

时光胶囊的网站源码带后台

温馨提示:本文最后更新于2025-12-28 17:43:01, 某些文章具有时效性,若有错误或已失效,请在下方 留言或联系 轩玮博客

网站首页

20251228164054202-57a421609267256541a9b16016c790bd

广场评论区

20251228164112774-8a39ba3ed8faa925fba8a6247bb8ebae

致用户的一封信

20251228164128980-d5bcdfa0e584519d6be956834eabcc82

投递信件成功

20251228164142897-1cbdf78f81056d1b5181bd0df6088055

admin后台smtp

20251228164156874-e69e85083b24514af5ba3c065b08cabc

admin后台审核

20251228164209598-2063e96ce628f2cdb34962c2988ff50e

最近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. 部署步骤

  1. 将项目文件上传至服务器根目录或子目录。
  2. 确保 includes/ 目录具有写入权限(用于生成 db.php 和安装 PHPMailer)。
  3. 浏览器访问 http://your-domain.com/install.php
  4. 根据提示输入数据库信息(Host, DB Name, User, Password)及管理员账号密码。
  5. 安装成功后,系统会自动锁定安装程序(生成 installed.lock)。

3. 配置邮件发送 (SMTP)

  1. 访问后台 http://your-domain.com/admin/ 并登录。
  2. 进入 SMTP 选项卡。
  3. 如果提示 “Not Installed”,点击下载按钮自动安装 PHPMailer。
  4. 填写你的 SMTP 服务商信息(如 Gmail, Outlook, QQ邮箱等)并保存。
  5. 使用下方的测试框发送一封测试邮件确保配置正确。

4. 设置定时任务 (Cron Job)

为了让信件能在未来准时发出,你需要在服务器上设置定时任务。

安全提示:请打开 cron.php 文件,修改第 4 行的密钥:

$secret_key = “YOUR_SECURE_KEY”// 修改这个值为复杂的字符串

Linux Crontab 设置 (建议每分钟或每5分钟执行一次):

# 每5分钟检查一次是否有信件需要投递
*/5 * * * * curl -s “http://your-domain.com/cron.php?key=YOUR_SECURE_KEY” >/dev/null 2>&1

📂 目录结构 (Directory Structure)

├── admin/ # 后台管理系统
│ ├── index.php # 后台主控面板
│ ├── login.php # 管理员登录
│ └── setup_mailer.php # PHPMailer 自动安装脚本
├── assets/ # 静态资源
│ ├── css/style.css # 核心样式表
│ ├── js/app.js # 前端交互逻辑
│ └── fonts/ # Zpix 字体文件
├── includes/ # 核心库
│ ├── db.php # 数据库配置 (安装后生成)
│ └── functions.php # 通用函数库
├── api/ # 功能
│ ├── comment.php # 评论提交接口
│ ├── get_comments.php # 获取广场评论
│ ├── like.php # 广场喜欢
│ └── submit.php # 邮件提交
├── install.php # 安装向导
├── index.php # 前台首页 & 广场
├── letter.php # “A LETTER” 页面
├── cron.php # 定时任务脚本
└── README.md

📝 待办事项 / 开发计划(或许是很久之后了)

  • [×] 增加信件的富文本编辑支持
  • [×] 增加更多种类的复古邮票样式
  • [×] 用户个人中心(目前为匿名/邮箱检索模式)

GitHub开源链接

本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
时光胶囊的网站源码带后台轩玮IT博客:探索建站技术,分享专业见解-轩玮博客
时光胶囊的网站源码带后台
此内容为免费资源,请登录后查看
0
免费资源
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容