单应用网页1.0版本已完善,正式开始搞网盘拉新
2026/01/30 18:41:39
1. 项目概述本项目是一个轻量级、高性能的单页官网及其配套的后台管理系统,专为“DirectX修复工具”分发与推广设计。系统采用原生PHP开发后端,结合Vue.3 + Element Plus构建现代化SPA(单页应用)后台,实现了从前台展示、下载分发到后台数据监控、版本自动追踪的全流程闭环管理。2. 核心技术栈
- 后端:原生 PHP (无臃肿框架,性能极佳) + MySQL (PDO预处理,安全高效)后台前端:Vue.js 3 (Composition API) + Element Plus UI + Echarts (数据可视化)前台前端:原生 HTML5 + Tailwind CSS (原子化样式) + Vanilla JS交互通信:Axios + RESTful JSON API
- 响应式设计:完美适配 PC、平板、手机端,基于 Tailwind CSS 构建。动态内容:网站标题、SEO关键词、描述、版本号等均可通过后台实时配置。智能下载弹窗:支持配置多个下载源(如蓝奏云、夸克等),前端弹窗展示,并在下载时自动记录数据。SEO 优化:内置百度主动推送功能,结构化语义标签,利于搜索引擎收录。
- SPA体验:后台采用单页应用模式,操作流畅无刷新。可视化数据看板:
- 流量趋势:近7天访问/下载量折线图。用户画像:下载版本分布(标准版/增强版)、下载渠道分布(直接访问/搜索等)饼图。地域分析:集成 IP 归属地查询接口,自动解析访客地理位置。
- 版本自动追踪:
- 提供专用 API 接口,可配合宝塔面板计划任务使用。自动抓取官方发布页(增强版/标准版)信息。智能比对当前版本,发现新版本自动触发报警。
- 集成原生 SMTP 邮件发送模块(支持 SSL/TLS,无需额外组件)。当监测到新版本时,自动发送包含版本详情、对比信息和更新链接的精美 HTML 邮件给管理员。支持后台一键发送测试邮件,确保配置正确。
- CSRF 防御:全站 API 均强制校验 CSRF Token,防止跨站请求伪造攻击。SQL 注入防御:底层全面采用 PDO 预处理语句,杜绝 SQL 注入风险。会话安全:登录成功自动重置 Session ID,防止会话固定攻击;敏感操作(如改密)二次验证。权限控制:完善的登录验证机制,API 接口具备严格的权限检查(白名单接口除外)。
- 下载源管理:后台可无限添加/编辑/删除下载网盘链接,实时生效。自定义代码:支持在后台直接插入自定义 CSS(头部)和 JavaScript(尾部),方便接入统计代码或调整样式,无需修改源码。TDK 动态配置:随时调整网站 Title、Description、Keywords,适应 SEO 策略变化。