AI搞个简洁的导航站

演示站点 https://nav.6ku.ru

开源项目·heiyugg/navigation 记得给个关注哈

导航站项目

一个简洁、现代化的网址导航站,采用PHP + MySQL开发,具有完整的前后台管理功能。

项目特点

  • :artist_palette: 简洁美观 - 现代化的界面设计,支持响应式布局
  • :wrench: 模块化开发 - 代码结构清晰,易于维护和扩展
  • :mobile_phone: 响应式设计 - 完美适配桌面端、平板和手机
  • :high_voltage: 性能优化 - 数据库优化,支持缓存机制
  • :shield: 安全可靠 - 防SQL注入,XSS防护,安全的用户认证
  • :bar_chart: 统计功能 - 完整的访问统计和数据分析
  • :bullseye: 一键安装 - 提供完整的安装向导

功能特性

前台功能

  • :white_check_mark: 网站Logo展示(200×60像素)
  • :white_check_mark: 多搜索引擎支持(百度、谷歌、必应)
  • :white_check_mark: 分类导航侧边栏
  • :white_check_mark: 幻灯片轮播展示
  • :white_check_mark: 推荐链接展示(一排5个卡片)
  • :white_check_mark: 主体链接展示(一排5个卡片,220×80像素)
  • :white_check_mark: 响应式卡片布局,根据屏幕宽度自动调整
  • :white_check_mark: 访问统计功能
  • :white_check_mark: 页脚信息(版权、备案、运行时间)

后台功能

  • :white_check_mark: 管理员登录系统
  • :white_check_mark: 仪表板数据统计
  • :white_check_mark: 分类管理(支持上下移动排序)
  • :white_check_mark: 链接管理(支持上下移动排序)
  • :white_check_mark: 幻灯片管理
  • :white_check_mark: 网站配置管理
  • :white_check_mark: 访问统计查看
  • :white_check_mark: 系统日志记录

技术栈

  • 后端: PHP 7.4+
  • 数据库: MySQL 5.7+
  • 前端: HTML5 + CSS3 + JavaScript (ES6+)
  • 样式: 原生CSS,响应式设计
  • 架构: MVC模式,模块化开发

系统要求

  • PHP >= 7.4
  • MySQL >= 5.7 或 MariaDB >= 10.2
  • Apache/Nginx Web服务器
  • PDO MySQL扩展
  • JSON扩展
  • 可写的文件权限

安装说明

1. 下载项目

git clone https://github.com/your-repo/navigation-site.git
cd navigation-site

2. 上传到服务器

将整个项目文件夹上传到您的Web服务器根目录。

3. 设置权限

确保以下目录具有写入权限:

chmod 755 config/
chmod 755 assets/
chmod 755 assets/images/

4. 运行安装程序

在浏览器中访问:http://yourdomain.com/install.php

按照安装向导完成以下步骤:

  1. 环境检查 - 系统会自动检查服务器环境
  2. 数据库配置 - 填写数据库连接信息
  3. 网站配置 - 设置网站基本信息和管理员账户
  4. 完成安装 - 系统自动创建数据库表和初始数据

5. 删除安装文件

安装完成后,请立即删除 install.php 文件以确保安全。

使用说明

前台使用

  • 访问网站首页即可看到导航界面
  • 点击左侧分类可筛选显示对应链接
  • 使用顶部搜索框进行网络搜索
  • 点击链接卡片访问对应网站

后台管理

  1. 访问 http://yourdomain.com/admin/ 进入管理后台
  2. 使用安装时设置的管理员账户登录
  3. 在仪表板查看网站统计信息
  4. 通过各个管理页面添加、编辑内容

管理功能说明

分类管理

  • 添加、编辑、删除分类
  • 支持拖拽排序
  • 设置分类图标和描述

链接管理

  • 添加、编辑、删除链接
  • 设置推荐链接
  • 支持拖拽排序
  • 自动获取网站图标

幻灯片管理

  • 添加、编辑幻灯片
  • 支持图片上传
  • 设置链接和描述

目录结构

navigation-site/
├── admin/                  # 后台管理
│   ├── index.php          # 管理员登录
│   ├── dashboard.php      # 管理仪表板
│   └── logout.php         # 退出登录
├── api/                   # API接口
│   └── update-visit.php   # 访问统计API
├── assets/                # 静态资源
│   ├── css/              # 样式文件
│   │   ├── style.css     # 主样式
│   │   └── responsive.css # 响应式样式
│   ├── js/               # JavaScript文件
│   │   └── main.js       # 主要脚本
│   └── images/           # 图片资源
├── config/               # 配置文件
│   └── database.php      # 数据库配置
├── includes/             # 公共文件
│   └── functions.php     # 核心函数
├── install/              # 安装文件
│   └── database.sql      # 数据库结构
├── modules/              # 页面模块
│   ├── header.php        # 页头
│   ├── sidebar.php       # 侧边栏
│   ├── slideshow.php     # 幻灯片
│   ├── recommended-links.php # 推荐链接
│   ├── main-links.php    # 主体链接
│   └── footer.php        # 页脚
├── index.php             # 网站首页
├── install.php           # 安装程序
└── README.md            # 说明文档

数据库结构

主要数据表

  • site_config - 网站配置
  • admin_users - 管理员用户
  • categories - 分类信息
  • links - 链接信息
  • slides - 幻灯片
  • visit_stats - 访问统计
  • system_logs - 系统日志

自定义开发

添加新功能模块

  1. 在 modules/ 目录创建新的PHP文件
  2. 在 index.php 中引入新模块
  3. 添加相应的CSS样式和JavaScript功能

修改样式

  • 主要样式文件:assets/css/style.css
  • 响应式样式:assets/css/responsive.css
  • 支持CSS变量,便于主题定制

扩展数据库

  • 修改 install/database.sql 添加新表结构
  • 在 includes/functions.php 添加相应的数据操作函数

安全建议

  1. 定期更新 - 保持PHP和MySQL版本更新
  2. 强密码 - 使用复杂的管理员密码
  3. 备份数据 - 定期备份数据库和文件
  4. 权限控制 - 合理设置文件和目录权限
  5. HTTPS - 建议使用SSL证书
  6. 防火墙 - 配置服务器防火墙规则

性能优化

  1. 数据库优化 - 已创建必要的索引
  2. 缓存机制 - 支持页面和数据缓存
  3. 图片优化 - 建议使用WebP格式
  4. CDN加速 - 可配置CDN加速静态资源
  5. Gzip压缩 - 启用服务器Gzip压缩

常见问题

Q: 安装时提示数据库连接失败?

A: 请检查数据库配置信息是否正确,确保数据库服务正常运行。

Q: 上传图片失败?

A: 检查 assets/images/ 目录权限,确保Web服务器有写入权限。

Q: 页面显示空白?

A: 检查PHP错误日志,可能是PHP版本不兼容或缺少必要扩展。

Q: 如何修改网站标题?

A: 登录后台管理,在网站设置中修改相关配置。

技术支持

如果您在使用过程中遇到问题,可以:

  1. 查看本文档的常见问题部分
  2. 检查系统日志文件
  3. 提交Issue到项目仓库

许可证

本项目采用 MIT 许可证,详情请查看 LICENSE 文件。

贡献

欢迎提交Pull Request来改进这个项目!


感谢使用导航站项目! :rocket:

4 个赞

演示站布局出问题了 :xhj001:

2 个赞

应该是 edgeone 这个玩意的问题


我去掉edgeone应该好了

很漂亮的导航站,gemini做的?

1 个赞

用的v0 key 应该是克劳德4

1 个赞

看起来不错啊

1 个赞

很不错,感谢分享教程。

1 个赞

膜拜大佬

2 个赞

嗯,Claude的代码水平还是不一般啊

我就一个代码小白,凭自己想象发关键词,搞出来的 :xhj25:

1 个赞

哈哈,佬友谦虚了。不过确实现在有ai方便太多了

1 个赞

修改了点东西

开源项目·heiyugg/navigation 记得给个关注哈

创建了跳转页面 go.php

  • 功能: 处理链接跳转和访问统计

  • 地址格式: yoursite.com/go.php?id=123

  • 特性:

    • 验证链接有效性和权限
    • 防重复计数(5分钟内同IP不重复统计)
    • 自动更新访问次数
    • 记录详细访问统计
    • 安全的错误处理
1 个赞

:xhj16: