新版彩虹网址导航系统 – 复刻版

这是基于 https://www.cccyun.cn/ 前台结构制作的全栈 PHP 版本。后端使用原生 PHP 8.1+、PDO SQLite,无 Composer、无 Node、无 MySQL 依赖,适合虚拟机、宝塔面板和普通 PHP 虚拟主机。

已实现

  • 前台:首页搜索、百度/谷歌/搜狗/知乎/GitHub/音乐/图书/影视切换、今日热榜、三种导航卡片、右上角深色模式、申请收录、在线留言、关于我们、联系我们。
  • 后台:控制面板、分类管理、链接管理、申请记录、留言管理、站点配置、邮箱配置、管理员设置、热榜配置、个人中心。
  • 独立页面:新增/编辑/删除确认/查看详情/状态处理/个人资料均使用独立 URL 页面,不依赖弹窗才能完成操作。
  • 个人中心:支持显示名称、头像上传/预览/删除,头像仅允许 JPG/PNG/GIF/WebP,单文件最大 2MB;账号密码仍在管理员设置页修改。
  • 主题和布局:前台首页、申请收录、联系我们、热榜等页面右上角提供浅色/深色模式切换并用 Cookie 持久化;后台顶部也可切换主题;首页默认显示 4 个热榜板块,桌面端四列展示,移动端自动降为两列/一列,标题支持两行展示;桌面端主内容宽度扩大到 1360px,减少两侧留白。
  • 表单页面:申请收录增加网站简介、链接、分类、联系邮箱和协议确认字段;联系我们页改为 QQ、Email、微博三列联系方式卡片。
  • 图标资源:优先使用目标站本地图标,缺少的工具/站点使用本地 SVG 图标,避免统一默认头像式占位图。
  • 数据库:首次访问自动创建 storage/nav.db,兼容旧数据库自动增加 admins.avatar_path 字段,并补齐本地热榜种子条目。
  • 安全:PDO 预处理、密码哈希、CSRF、会话 Cookie、输入验证、外链 URL 校验、头像 MIME/大小校验、数据库目录防直链规则。
图片[1] - 新版彩虹网址导航系统 – 复刻版 - 吾爱软仓
图片[2] - 新版彩虹网址导航系统 – 复刻版 - 吾爱软仓
图片[3] - 新版彩虹网址导航系统 – 复刻版 - 吾爱软仓

宝塔部署教程

  1. 添加站点,PHP 选择 8.1+;不需要创建 MySQL、Redis。
  2. 将本目录里面的文件上传到站点根目录,不要多套一层 cccyun-clone/。
  3. 运行目录使用 /。
  4. 安装/启用 PHP 扩展:pdo_sqlite、sqlite3、curl、mbstring、json、session。
  5. Nginx 站点伪静态粘贴 deploy/宝塔伪静态.conf 的内容。
  6. 确认 storage/ 文件夹可写(给755权限):

首次打开域名,系统会自动建库

  1. 首次登录后台:/admin/login,默认账号 admin,默认密码 admin888。登录后立即进入「个人中心」完善显示名称/头像,再到「管理员设置」修改密码。
  2. 头像上传目录为 static/uploads/avatars/,需要保证站点运行用户对该目录有写权限;Nginx/Apache 规则已禁止在该目录执行 PHP 文件。
  3. 上 HTTPS 后,登录会话自动使用安全 Cookie。

Apache 使用根目录 .htaccess 和 storage/.htaccess;Nginx 使用 deploy/nginx-security.conf 中的保护规则。数据库不应能通过浏览器下载,部署后请确认访问 /storage/nav.db 返回 404。

后台地址

功能地址
控制面板/admin/
分类管理/admin/categories
添加/编辑分类/admin/categories/create、/admin/categories/edit?id=1
链接管理/admin/links
添加/编辑链接/admin/links/create、/admin/links/edit?id=1
申请记录/admin/applications
留言管理/admin/messages
站点配置/admin/settings/site
邮箱配置/admin/settings/mail
管理员设置/admin/settings/admin
个人中心/admin/profile
保存个人资料/admin/profile/save
热榜配置/admin/settings/hot

目录说明

  • index.php:单入口路由和请求处理。
  • app/config.php:站点和存储配置。
  • app/db.php:SQLite 建表、种子数据和查询封装。
  • app/helpers.php:视图、CSRF、鉴权、公共方法。
  • pages/public/:前台页面。
  • pages/admin/:后台页面。
  • static/css/app.css:前后台基础视觉和响应式样式。
  • static/css/tune.css:参考截图对齐样式、内页英雄区、分类栅格和右上角主题按钮。
  • static/js/app.js:主题切换、搜索、热榜刷新、移动侧栏和头像预览。
  • static/uploads/avatars/:管理员头像文件目录,仅允许图片格式。
  • static/:本地 CSS、JS、图标资源。
  • deploy/:宝塔/Nginx 部署规则。
  • reference/:抓取的目标站 HTML/CSS/JS 参考文件,已用访问规则禁止直接访问。
扫码解锁隐藏内容
微信小程序码 微信扫码领验证码

用微信扫一扫打开小程序,看完一段激励视频广告即可获得解锁密码。

© 版权声明
THE END
喜欢就支持一下吧
点赞15
评论 抢沙发

请登录后发表评论

    暂无评论内容