分享一个导航程序
背景
这是我用AI辅助写的导航程序。
项目地址:https://github.com/wabcwell/navi
网站截图
项目特点
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