带后台管理的 3D 粒子导航页源码：3 步部署，后台密码 admin123 就能进

说实话，导航页/引导页这类源码我见过不少，大部分长得像 2015 年的产物。这套不太一样——3D 矩阵粒子背景是它最大的卖点，鼠标划过时粒子会有跟随反应，视觉上属于「放出去不丢人」的水平。整套源码在搭建168的其它源码分类里可以下载到，带完整后台，改链接、改文案都不用碰代码。

我本地部署跑了一遍，从解压到能看到页面，前后大概 10 分钟。下面把该说的都说清楚。

后台能改什么：5 个核心配置项拆解

这套源码的价值一半在前端一半在后台，后台才是日常用的部分。登录后台（默认密码 admin123，记得第一时间改掉）后，主要能操作这些：

• 导航卡片管理：增删改导航入口，每条可设置名称、跳转地址、图标，实测支持 20+ 条目不卡顿
• 背景与主题设置：粒子密度、颜色方案在后台有开关，不用去改 JS 参数
• 公告/引导文案：引导页的标题和副标题直接在后台填，改完刷新即生效
• 友链与页脚：底部信息可以自定义，做个人导航站够用
• 基础安全设置：改后台密码、修改登录路径

马上能用的建议：部署完先做两件事——改密码、把粒子密度调低一档。粒子密度默认值在低端手机上帧率会掉，实测红米级别的设备滚动时有明显掉帧，调低后流畅很多。

部署环境清单：PHP 环境下 3 步跑起来

环境要求很低，虚拟主机都能跑，不需要 Node 和数据库编译那套流程。具体要求如下：

1. 在搭建168完成源码下载，解压上传到网站根目录
2. 导入 SQL 文件，修改数据库配置文件里的连接信息
3. 访问域名进入前台，访问 /admin 进后台，用 admin123 登录改密码

我部署时踩过一个小坑：Nginx 环境下后台样式丢失，原因是伪静态没配，加上 try_files 那段规则就好了。如果你用宝塔，直接在网站设置里选 thinkphp 伪静态模板即可。

什么场景适合用？和普通导航源码比差在哪

这套东西适合「要面子」的入口页场景，不适合当重业务系统的前端。具体判断标准：

• 个人导航站 / 书签站：最典型的用法，3D 背景比千篇一律的卡片导航有辨识度
• App / 产品的引导页：给客户演示或落地页引导，视觉冲击力是加分项
• 内部工具入口：团队常用系统统一入口，后台加链接很方便

和同类导航源码对比，它的差异点在两处：一是背景是真正的 3D 粒子矩阵而不是静态图或 CSS 动画；二是带后台管理，普通静态导航页改个链接都要开编辑器。反过来，如果你的项目需要 SEO 权重，注意这类粒子动画页对搜索引擎不太友好，纯工具入口无所谓。

二次开发注意：改之前先备份这 2 个文件

想改样式的话，重点文件就两个：粒子背景的 JS 配置和前台模板 HTML。粒子参数（数量、速度、颜色）集中在配置文件里，注释写得还算清楚，改之前复制一份备份。前台模板是单页结构，改布局难度不大，但别动粒子渲染那段的调用顺序，实测动过之后偶发白屏。

另外提醒一句，后台密码 admin123 是公开的默认值，上线前必须改，同时建议把后台路径也换掉。

FAQ

问：没有服务器，能用虚拟主机部署吗？

可以。只要支持 PHP 7.4+ 和 MySQL 就行，源码体积小，入门级虚拟主机完全够用。

问：粒子背景在手机上卡怎么办？

进后台把粒子密度调低，或者改成低负载配色方案。实测中端机型调低后帧率能稳定在 50fps 以上。

问：导航条目有上限吗？

后台没有硬性限制，实测加到 20 多条前台加载依然很快；再多建议分组展示，避免单页太长。

原文参考

原标题：超好看UI引导页/导航页源码 3D矩阵粒子背景 带后台 – 搭建168

原文简介：

简介：
超好看UI
引导页
导航页
源码 3D矩阵粒子背景 带后台
后台密码：admin123
图片：

原文截图：

免责声明

⚠️ 本文仅供学习研究和技术交流，相关源码仅用于了解系统架构与部署流程，请勿用于非法用途。任何商业运营行为均与作者无关。