免费分享｜高颜值网站建设中 / 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。 免费开源，随意使用和修改。 |
相关文章
- 黄果短剧媒体流解析 19+的哈 偷偷看
- 哞哞通行证 基于 OAuth 2.1 和 OpenID Connect 的统一身份认证服务
- 最新多用户站群蜘蛛池/SaaS系统/积分/六大引擎计费/易支付对接
- 个人整改后做的html版网页密码管理系统
- 一款极简的网址导航源码 免服务器部署在cloudflare上
- 16合一代付小程序源码
- WordPress 网页在线客服聊天插件 ChatyPro v3.5.8
- 更新版本，SaaS 电子合同整套源码|多企业入驻 + 小程序签约 + 套餐收费
- 智能客服官网引导页HTML源码——零依赖、自适应、开箱即用的通用官网
- 个人图床带后台管理，对接了api远程储存，无加密无后门。
