极简导航网 - 项目介绍

📋 项目概述

极简导航网是一个功能完善、设计精美的个人导航网站系统，采用PHP开发，无需数据库，提供完整的前后台管理功能。项目采用现代化的磨砂玻璃UI设计风格，支持响应式布局，完美适配各种设备。

项目名称: 极简导航网
版本: v2.0
开发语言: PHP 7.4+ / HTML5 / CSS3 / JavaScript ES6+
开源协议: MIT License
项目地址: https://gitee.com/hkysw/minimalist-navigation-network
演示地址: https://www.ithxs.com

✨ 核心特性

🎨 前端特性

磨砂玻璃UI设计: 采用Glassmorphism设计风格，视觉效果现代化
响应式布局: 自动适配PC、平板、手机，支持自定义列数布局
流畅动画效果: 卡片悬停、弹窗展开等交互均有精心设计的过渡效果
智能图标获取: 自动从多个API源获取网站favicon，支持自定义图标
磨砂玻璃通知系统: 支持4个位置显示，可叠加多个通知
实时运行时长: 动态显示网站已运行天数、小时、分钟、秒

🔧 后端功能

完整的后台管理系统:
- 链接管理（增删改查、批量操作）
- 网站设置（标题、描述、备案、外观）
- 访问统计（今日/总访问、独立IP）
- 安全认证（密码保护）
强大的统计功能:
- 链接点击统计（支持去重）
- IP地理位置识别（省份/城市）
- 每日点击趋势图表
- 访客地理位置分布
性能优化:
- 背景图片异步延迟加载
- 图标获取使用requestIdleCallback避免阻塞
- 智能缓存机制减少重复请求

🏗️ 技术架构

技术栈

分类	技术
前端	HTML5, CSS3, JavaScript (原生ES6+)
后端	PHP 7.0+
数据存储	文件系统 (PHP数组 + JSON)
图标库	Font Awesome 6.0, Remix Icon
依赖	无需数据库、无需第三方框架

核心文件结构

daohang.com/
├── index.php              # 前台展示页面
├── config.php             # 网站配置和链接数据
├── fun.ajax.php           # 核心功能函数库
├── click.php              # 链接点击跳转与统计
├── admin/                 # 后台管理系统
│   ├── index.php          # 管理后台登录页
│   ├── dashboard.php      # 管理后台首页
│   ├── links.php          # 链接管理
│   ├── settings.php       # 网站设置
│   └── api.php            # 后台API接口
├── logs/                  # 系统日志目录
│   ├── clicks/            # 点击日志
│   └── visits/            # 访问日志
├── uploads/               # 上传文件目录
├── visit_stats.json       # 访问统计数据
├── daily_clicks.json      # 每日点击数据
└── ip_locations.json      # IP地理位置缓存

数据存储说明

零数据库依赖: 使用文件存储，简化部署流程
配置数据: config.php 存储网站配置和链接数据（PHP数组格式）
统计数据: JSON文件存储访问和点击统计
日志记录: 按日期分类存储在logs/目录

🚀 功能特性

前台功能

导航浏览: 卡片式展示所有收藏的网站链接
网站详情: 点击卡片查看网站详细介绍（弹窗展示）
快速跳转: 点击"立即前往"访问目标网站（自动统计）
响应式体验: 不同设备自动适配最佳布局
实时统计: 显示访问次数、独立IP、网站运行时长

后台管理

1. 链接管理 (`/admin/links.php`)

➕ 添加新链接：填写标题、URL、描述、图标
✏️ 编辑链接：修改现有链接的任何信息
🗑️ 删除链接：移除不需要的链接
📊 查看统计：查看每个链接的点击次数和趋势
🔄 批量操作：支持批量删除、导入导出

2. 网站设置 (`/admin/settings.php`)

🏠 基本信息：网站标题、描述、备案号、联系方式
🎨 外观设置：
- PC端/移动端列数（1-8列可调）
- 背景图片URL（支持分别设置PC和移动端）
⏰ 建站时间：设置网站上线日期
🔐 安全设置：修改管理员密码

3. 数据统计

今日/总访问量
独立IP数统计
每日点击趋势图表
访客地理位置分布

🎯 设计亮点

UI/UX设计

Glassmorphism风格
- 磨砂玻璃背景效果（backdrop-filter）
- 半透明卡片设计
- 优雅的阴影和边框
交互动画
- 卡片悬停上移效果
- 弹窗缩放展开动画
- 通知滑入/滑出动画
- 按钮点击反馈
色彩系统
- 主色：蓝色系（#007bff）
- 文字：深灰色系（增强可读性）
- 背景：支持自定义图片

性能优化

异步加载策略
- 背景图片延迟加载
- 图标异步获取
- requestIdleCallback优化
缓存机制
- 图标URL缓存
- IP地理位置缓存
- 统计数据缓存
资源优化
- 原生JavaScript（无jQuery依赖）
- CDN字体图标
- 最小化HTTP请求

💡 技术特色

1. 零数据库设计

采用文件存储方案，无需MySQL等数据库：

配置数据使用PHP数组存储在config.php
统计数据使用JSON格式存储
简化部署流程，降低维护成本

2. 智能图标获取

支持多种图标获取方式：

Font Awesome图标类名
自定义图片URL
自动从API获取网站favicon
多源备用方案，提高成功率

3. 高级统计功能

点击去重: 同一IP短时间内多次点击只计一次
IP地理位置: 识别访客省份/城市
访问统计: 按日期存储，支持历史数据查询
实时更新: 页面实时显示统计数据

4. RESTful API设计

后台采用标准化API设计：

统一的响应格式
错误处理机制
安全验证

🔒 安全特性

管理后台认证: 基于Session的密码认证
密码加密存储: 使用password_hash加密
XSS防护: HTML特殊字符转义
文件权限控制: 合理的文件读写权限设置
日志记录: 完整的操作日志记录

📊 适用场景

个人使用

✅ 个人导航网站
✅ 常用网址收藏
✅ 资源整理分类
✅ 书签管理工具

团队使用

✅ 团队内部导航页
✅ 项目资源导航
✅ 工具集合页面
✅ 内网资源门户

其他场景

✅ 垂直领域网址导航
✅ 个人主页
✅ 学习资源导航
✅ 工作效率工具集

🎨 界面展示

前台界面特点

磨砂玻璃效果的页头和页脚
网格布局的链接卡片
优雅的网站详情弹窗
实时显示访问统计和运行时长

后台管理界面

现代化的后台设计
直观的操作界面
实时数据展示
响应式后台布局

🌍 浏览器兼容性

浏览器	版本要求	支持状态
Chrome	90+	✅ 完全支持
Firefox	88+	✅ 完全支持
Safari	14+	✅ 完全支持
Edge	90+	✅ 完全支持
移动浏览器	现代版本	✅ 完全支持

📈 性能指标

首屏加载: < 1秒（在良好网络条件下）
页面大小: < 100KB（不含图片）
JavaScript: 原生ES6+，无框架依赖
响应速度: 快速响应，流畅交互

🔄 版本历史

v2.0 (2025)

✅ 新增完整的后台管理系统
✅ 新增访问统计和点击统计功能
✅ 新增磨砂玻璃通知弹窗组件
✅ 新增IP地理位置识别
✅ 新增每日点击趋势图表
✅ 优化图标自动获取机制
✅ 优化响应式布局
✅ 新增网站运行时长显示

v1.0 (2024)

✅ 基础导航功能
✅ 响应式设计
✅ 简单的点击统计

📝 开发者信息

作者: 老韩
联系方式: lhitcxy@vip.qq.com
Gitee: https://gitee.com/hkysw/minimalist-navigation-network
演示站点: https://www.ithxs.com

📄 开源协议

本项目遵循 MIT License 开源协议，您可以：

✅ 免费使用
✅ 修改和定制
✅ 商业使用
✅ 分发和传播

🙏 致谢

感谢所有为本项目贡献代码的开发者
感谢使用本项目的每一位用户
特别感谢提供favicon API的服务商

⭐ 支持项目

如果觉得这个项目对你有帮助，欢迎：

⭐ 在Gitee上给项目点Star
🐛 提交Bug反馈
💡 提供功能建议
🤝 贡献代码

最后更新时间: 2025年10月