产品介绍
📖 系统概述
项目名称: 引导单页源码(带后台)
技术架构: HTML5 + CSS3 + JavaScript (原生)
数据存储: LocalStorage (客户端存储)
系统组成:
- 前台页面 (
index.html): 用户访问的主页面
- 后台管理 (
admin.html): 管理员配置系统
- 后台账号密码 admin admin123
核心特性:
- ✅ 响应式设计 (PC端/移动端自适应)
- ✅ 实时数据统计与监控
- ✅ 完善的安全防护机制
- ✅ 灵活的配置管理系统
- ✅ 多域名负载均衡支持
浏览器兼容性: Chrome 60+, Firefox 55+, Safari 11+, Edge 79+
---
🎯 前台功能
1. 线路入口导航
功能特点
- 4条主要线路入口,每条支持多个备用域名
- 实时Ping检测 (每2秒更新一次)
- 智能跳转模式:
- 🎲 随机跳转: 负载均衡,随机选择域名
- 📊 顺序跳转: 依次轮流,主备切换
Ping值状态显示
| 状态 | 延迟范围 | 颜色标识 |
|---|
| 良好 | < 200ms | 🟢 绿色 |
| 一般 | 200-500ms | 🟡 黄色 |
| 较慢 | > 500ms | 🔴 红色 |
| 超时 | 无响应 | ⚫ 灰色 |
多域名配置示例
线路一支持多个域名(换行或逗号分隔):
https://domain1.com
https://domain2.com
https://domain3.com
2. APP下载中心
功能特性
- 双平台支持: Android / iOS
- 版本号显示: 实时展示当前版本
- 智能识别: 自动识别用户设备类型
- 下载统计: 精准记录下载次数
统计维度
- 总下载次数 / 今日下载
- 平台分类统计 (Android/iOS)
- 详细下载日志 (时间、平台、版本、设备、系统、浏览器)
3. 友情链接
四大分类
| 分类 | 默认数量 | 示例 |
|---|
| 常用网址 | 10个 | 百度、腾讯、凤凰网、搜狐 |
| 常用银行 | 10个 | 工商银行、中国银行、建设银行 |
| 常用购物 | 10个 | 淘宝、京东、天猫、苏宁 |
| 常用资讯 | 10个 | 新浪新闻、腾讯新闻、凤凰资讯 |
链接特性
- 自定义友链图标
- 图标加载失败时显示文字占位符
- 响应式布局 (PC端4列,移动端2列)
4. 导航站推广
- 自定义推广文案 (默认: "能找到港澳宝典的导航站:")
- 醒目显示导航站域名 (默认: 11133.com)
- 一键跳转按钮
5. 访客统计与防护
自动记录
- 访问统计: PV总量、今日PV
- 访客信息: IP地址、访问时间、设备类型、操作系统、浏览器、来路
- 下载追踪: 每次APP下载的详细信息
防攻击机制
- 频率限制: 1分钟内最多30次访问
- 自动封禁: 超限IP封禁1小时
- 攻击日志: 记录所有异常访问
---
🔐 后台管理
登录系统
默认凭证:
- 用户名:
admin
- 密码:
admin123
- 图形验证码: 4位数字动态生成
安全保护:
- 登录失败5次锁定15分钟
- 会话有效期30分钟
- 无操作自动登出
管理功能模块
模块1: 📝 基本设置
配置网站核心信息:
- 网站标题、描述
- 网站Logo (支持实时预览)
- 温馨提示文字
- 导航站推广设置 (文案、域名、链接)
模块2: 🔗 线路入口设置
管理4条线路:
- 每条线路支持多个域名 (textarea输入)
- 选择跳转模式 (随机/顺序)
- 支持换行或逗号分隔多个URL
模块3: 📱 APP下载设置
管理应用下载:
- Android/iOS 下载链接
- 版本号管理
- 查看下载统计数据
- 查看下载详情日志
模块4: 🔗 友链管理
功能操作:
- ➕ 添加友链: 名称、地址、图标、分类
- ✏️ 编辑友链: 修改现有友链信息
- 🗑️ 删除友链: 二次确认删除
- 🎨 图标管理: 自定义友链图标路径
分类管理:
- 常用网址 / 常用银行 / 常用购物 / 常用资讯
- 每个分类独立管理
- 支持无限数量扩展
模块5: 📊 流量统计
统计维度:
| 类型 | 统计内容 |
|---|
| PV统计 | 总访问量、今日访问量 |
| IP统计 | 唯一访客、首次/最后访问时间 |
| 来路统计 | Referrer来源分析 |
| 设备统计 | 手机/电脑访问量占比 |
| 系统统计 | Windows/macOS/iOS/Android/Linux |
| 浏览器统计 | Chrome/Safari/Firefox/Edge/微信/QQ |
访客详情表:
数据重置:
模块6: 🛡️ 防攻击设置
防护参数:
javascript
时间窗口: 1分钟
最大请求数: 30次
封禁时长: 1小时
管理功能:
- 📋 查看已封禁IP列表 (显示剩余时长)
- 🔓 手动解封IP
- 📝 查看攻击日志 (IP、时间、访问次数)
- 🔄 自动解封机制
模块7: 🔑 密码修改
修改流程:
- 输入当前密码验证身份
- 输入新密码 (6-20位)
- 确认新密码
- 保存后3秒自动登出
- 使用新密码重新登录
安全要求:
- 不能与旧密码相同
- 两次输入必须一致
- 修改后强制登出
---
---
🛡️ 安全机制
前台安全
- ✅ 防XSS: HTML内容转义处理
- ✅ 频率限制: IP访问频率自动监控
- ✅ 自动封禁: 异常访问自动拦截
- ✅ 数据验证: URL格式严格验证
后台安全
- ✅ 登录保护: 图形验证码 + 失败次数限制
- ✅ 会话管理: 30分钟自动过期
- ✅ 密码安全: 长度限制、强制修改后登出
- ✅ 操作确认: 删除等敏感操作二次确认
数据安全
- ✅ 异常捕获: try-catch 全局错误处理
- ✅ 输入过滤: 特殊字符过滤
- ✅ 日志记录: 所有攻击行为记录在案
- ✅ 自动备份: LocalStorage数据持久化
---
📖 使用指南
前台访问
- 在浏览器中打开
index.html
- 查看线路入口及实时ping值
- 点击线路按钮跳转到对应网站
- 点击APP下载按钮下载应用
- 浏览友情链接(点击分类标签切换)
后台管理
首次登录
1. 访问 admin.html
- 输入用户名: admin
- 输入密码: admin123
- 输入验证码(点击图片可刷新)
- 点击登录
修改网站配置
1. 登录后台
- 点击"基本设置"标签
- 修改相应配置项
- 点击"保存配置"
- 刷新前台页面查看效果
管理线路入口
1. 点击"线路入口设置"
- 选择跳转模式(随机/顺序)
- 在textarea中输入多个域名:
https://domain1.com
https://domain2.com
(换行或逗号分隔)
- 点击"保存配置"
添加友情链接
1. 点击"友链管理"
- 选择分类标签
- 点击"添加友链"
- 填写信息:
- 友链名称: 如"百度"
- 友链地址: 如"https://www.baidu.com/"
- 友链图标: 如"static/picture/1.png"(可选)
- 所属分类: 下拉选择
- 点击"保存"
查看统计数据
流量统计: 点击"流量统计"标签查看各项数据
下载统计: 点击"APP下载设置"滚动到下载统计区域
防攻击: 点击"防攻击设置"查看封禁IP和攻击日志
修改管理员密码
1. 点击"密码修改"标签
- 输入当前密码
- 输入新密码(6-20位)
- 确认新密码
- 点击"修改密码"
- 等待3秒自动登出
- 使用新密码重新登录
联系方式
- 官网:https://www.6zjz.com
- 技术邮箱:[email protected]
- QQ交流群:716164697
- Telegram群:@tg248248
- 支持模板定制跟据复杂度20-150元
- 承接各种类型 app定制 网站制作 软件开发....都可以做...欢迎咨询 QQ: 41222118