分享一个导航程序

背景

这是我用AI辅助写的导航程序。

项目地址:https://github.com/wabcwell/navi

演示站:https://navi.wifilu.com/

 

网站截图

 

项目特点

1. 内容管理系统

1.1.分类管理功能

  • 支持无限级分类,层级结构清晰
  • 分类状态管理(显示/隐藏)
  • 分类排序和统计功能
  • 多样化图标支持(FontAwesome、Iconfont、本地上传、网络图标)
  • 分类颜色自定义

1.2.链接管理功能

  • 批量添加/编辑链接,操作高效
  • 链接访问统计,数据分析
  • 链接状态控制,灵活管理
  • 支持多类型图标和链接分类
  • 链接排序功能

 

2. 视觉定制系统

2.1.背景自定义

  • 多种背景模式:纯色、本地图片、第三方API
  • 背景透明度控制
  • 背景图片上传和管理

2.2.透明度控制

  • 模块化透明度控制(标题栏、分类区、链接区、卡片)
  • 各区域独立透明度设置

2.3.品牌定制

  • 网站Logo:图片上传、FontAwesome图标或Iconfont图标
  • 页脚内容自定义
  • 网站图标和描述设置
  • SEO优化设置

 

3. 本地化静态资源库系统

3.1.完全本地化的静态资源

  • 所有静态资源库均为本地存储,零外部依赖
  • 无需CDN加载,提高访问速度和隐私安全性
  • 确保资源稳定可用,不受外部网络环境影响

3.2.本地化Bootstrap框架

  • 完整的Bootstrap CSS和JS文件本地存储
  • Bootstrap Icons图标库本地化
  • 包含所有Bootstrap组件和样式,无需外部引用

3.3.本地化FontAwesome图标库

  • 内置1918个完整图标,包含Solid(1407个)、Regular(169个)、Brands(513个)全部类型
  • 完整的FontAwesome CSS和字体文件本地存储
  • 支持fas(fa-solid)、far(fa-regular)、fab(fa-brands)所有前缀类型
  • 零网络依赖,所有图标本地存储,无需CDN
  • 加载速度快,隐私安全性高

3.4.本地化SweetAlert2弹窗库

  • SweetAlert2的CSS和JS文件本地存储
  • 提供美观的弹窗提示功能,无需外部引用

3.5.本地化自定义资源

  • 后台管理界面CSS和JS文件本地化
  • 前台样式文件本地化
  • 所有自定义资源均本地存储,确保完整性

 

4. 图标系统

4.1.多样化图标来源

  • 分类图标:FontAwesome、Iconfont、本地上传、URL链接
  • 链接图标:多种图标类型自由选择,支持所有图标类型
  • 全图标颜色自定义

4.2.Iconfont图标支持

  • 可自定义阿里iconfont图标库,扩展无限可能
  • 支持Iconfont图标配置和使用

4.3.智能图标管理

  • 图标分类管理
  • 智能图标选择器,快速找到所需图标
  • 自动图标补全,智能推荐相关图标

 

5. 响应式设计

  • 完美适配手机/平板/电脑
  • 响应式布局,自动适应不同屏幕尺寸
  • 移动端优化界面

 

6. 系统管理功能

6.1.后台管理

  • 安全的登录认证系统,支持密码修改
  • 分类和链接的完整CRUD操作
  • 系统设置集中管理(基本、外观、安全)
  • 文件管理系统,支持多种上传类型

6.2.日志审计

  • 完整的操作日志系统(管理员、登录、错误、操作)
  • 多维度日志筛选和搜索功能
  • 日志统计和可视化展示
  • 支持日志批量管理和清理

6.3.安全保护

  • 防SQL注入攻击
  • XSS跨站脚本防护
  • 输入数据严格验证
  • 登录尝试限制和账户锁定
  • IP访问控制(黑白名单)
  • 会话超时管理

 

7. 便捷的安装与管理

  • 一键安装功能
  • 直观的后台管理界面
  • 详细的操作日志记录
  • 系统设置集中管理

 

THE END