免费分享｜高颜值网站建设中 / Coming Soon 页面源码，自带邮箱订阅 + 微信推送通知
| 【前言】 最近给自己的站做了一个"网站建设中"页面，效果还不错，源码分享给大家。 纯前端 + PHP 后端，不依赖任何框架和第三方库，拿来就能用。适合新站上线前挂着当建设中页面，顺便收集用户邮箱。  【功能亮点】 前端部分： 星空粒子背景 + 粒子连线动画（Canvas 实现，100 个粒子） 鼠标跟随紫色光晕效果 30 天自动倒计时，数字翻转动画 建设进度条展示 邮箱订阅表单 + 滑块验证码（防机器人） 微信公众号二维码展示 完整响应式适配（PC / 平板 / 手机） 入场动画（fadeIn、shimmer 等） 后端部分（subscribe.php）： 邮箱格式验证（前端 HTML5 + 后端 filter_var 双重校验） 邮箱去重，防止重复订阅 JSON 文件存储，文件锁防并发（不需要数据库） 订阅成功自动发送 HTML 格式确认邮件（紫色渐变主题） ShowDoc 微信推送通知管理员（有人订阅立刻收到微信消息） 原生 PHP Socket SMTP 发信，零依赖 安全机制： 滑块验证码防止恶意提交 前端 localStorage 本地备份 CORS 跨域支持 邮箱格式前后端双重验证 【技术栈】 HTML5 + CSS3（纯手写无框架） Vanilla JavaScript（粒子动画、倒计时、滑块验证、表单提交） PHP 7.0+（原生 Socket SMTP） JSON 数据存储，无需数据库 【部署方法】 把文件上传到你的虚拟主机或服务器 修改 subscribe.php 顶部的 SMTP 配置（邮箱、授权码等） 确保 PHP 有写入权限 替换公众号二维码图片 访问你的域名，搞定 【自定义说明】 品牌名称：搜索 AMUCHEN 和 沐辰网络 替换成你自己的 倒计时天数：JS 里 setDate(+30) 改数字 进度百分比：CSS 里 progressGrow 动画和 HTML 里 35% 改成你要的 配色：主色 #a78bfa（紫色），全局搜索替换即可 邮件模板：subscribe.php 里的 HTML 邮件内容可以自行修改 【开源地址】 GitHub：https://github.com/mcwlgzs/amuchen-coming-soon 觉得不错的话给个 Star 支持一下，有问题欢迎提 Issue。 免费开源，随意使用和修改。 |
