六柱引导单页源码(带后台)
🌐 网站源码

六柱引导单页源码(带后台)

NEW

六柱引导单页系统:纯前端导航网站,HTML5+原生JS开发,无需后端。功能:4条线路智能跳转、实时Ping检测、APP下载中心、友情链接、访客统计。特点:响应式设计、安全防护、可视化管理。适用于导航站

版本号1.0
运行平台Windows,Linux
下载次数388 次
浏览次数1,684 次

产品介绍

📖 系统概述

项目名称: 引导单页源码(带后台) 技术架构: 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
访客详情表:
  • IP地址、访问时间、设备、操作系统、浏览器、来路
数据重置:
  • 每日0点自动重置今日数据
  • 历史数据保留

模块6: 🛡️ 防攻击设置

防护参数:
javascript
时间窗口: 1分钟
最大请求数: 30次
封禁时长: 1小时
管理功能:
  • 📋 查看已封禁IP列表 (显示剩余时长)
  • 🔓 手动解封IP
  • 📝 查看攻击日志 (IP、时间、访问次数)
  • 🔄 自动解封机制

模块7: 🔑 密码修改

修改流程:
  1. 输入当前密码验证身份
  2. 输入新密码 (6-20位)
  3. 确认新密码
  4. 保存后3秒自动登出
  5. 使用新密码重新登录
安全要求:
  • 不能与旧密码相同
  • 两次输入必须一致
  • 修改后强制登出
--- ---

🛡️ 安全机制

前台安全

  • 防XSS: HTML内容转义处理
  • 频率限制: IP访问频率自动监控
  • 自动封禁: 异常访问自动拦截
  • 数据验证: URL格式严格验证

后台安全

  • 登录保护: 图形验证码 + 失败次数限制
  • 会话管理: 30分钟自动过期
  • 密码安全: 长度限制、强制修改后登出
  • 操作确认: 删除等敏感操作二次确认

数据安全

  • 异常捕获: try-catch 全局错误处理
  • 输入过滤: 特殊字符过滤
  • 日志记录: 所有攻击行为记录在案
  • 自动备份: LocalStorage数据持久化
---

📖 使用指南

前台访问

  1. 在浏览器中打开 index.html
  2. 查看线路入口及实时ping值
  3. 点击线路按钮跳转到对应网站
  4. 点击APP下载按钮下载应用
  5. 浏览友情链接(点击分类标签切换)

后台管理

首次登录

1. 访问 admin.html
  1. 输入用户名: admin
  2. 输入密码: admin123
  3. 输入验证码(点击图片可刷新)
  4. 点击登录

修改网站配置

1. 登录后台
  1. 点击"基本设置"标签
  2. 修改相应配置项
  3. 点击"保存配置"
  4. 刷新前台页面查看效果

管理线路入口

1. 点击"线路入口设置"
  1. 选择跳转模式(随机/顺序)
  2. 在textarea中输入多个域名:
https://domain1.com https://domain2.com (换行或逗号分隔)
  1. 点击"保存配置"

添加友情链接

1. 点击"友链管理"
  1. 选择分类标签
  2. 点击"添加友链"
  3. 填写信息:
- 友链名称: 如"百度" - 友链地址: 如"https://www.baidu.com/" - 友链图标: 如"static/picture/1.png"(可选) - 所属分类: 下拉选择
  1. 点击"保存"

查看统计数据

流量统计: 点击"流量统计"标签查看各项数据
下载统计: 点击"APP下载设置"滚动到下载统计区域
防攻击: 点击"防攻击设置"查看封禁IP和攻击日志

修改管理员密码

1. 点击"密码修改"标签
  1. 输入当前密码
  2. 输入新密码(6-20位)
  3. 确认新密码
  4. 点击"修改密码"
  5. 等待3秒自动登出
  6. 使用新密码重新登录

联系方式

  • 官网:https://www.6zjz.com
  • 技术邮箱[email protected]
  • QQ交流群:716164697
  • Telegram群:@tg248248
  • 支持模板定制跟据复杂度20-150元
  • 承接各种类型 app定制 网站制作 软件开发....都可以做...欢迎咨询 QQ: 41222118
📧 💬