产品官网系统 v1.0｜带后台｜多行业模板一键切换

一、项目简介

轻量 PHP 产品官网，配套可视化后台；前台为苹果流体设计落地页，后台可一键修改全站所有内容。

可编辑内容项

品牌名称 & 标语、导航菜单、首屏主视觉、产品亮点、图文介绍、参数规格、图片图集、价格购买、FAQ、页脚、主题配色、管理员账号密码。

核心优势

✅ 零依赖：纯 PHP + 原生 HTML/CSS/JS，无框架、无 Composer、不用数据库、无需编译，上传文件直接运行。 ✅ 7 套行业模板：不只是换颜色，每套独立页面结构、区块顺序、排版 + 全套行业示例文案。

1. 极客数码（tech）：3C 数码科技，深色网格、霓虹卡片、双列参数
2. 新潮茶饮（beverage）：餐饮新消费，左文右图圆形首屏、瀑布流图集
3. 轻奢美妆（beauty）：护肤时尚，杂志封面版式、细金线分隔
4. 先锋座驾（auto）：新能源汽车，全屏电影首屏、大数字指标
5. 智学教育（education）：培训知识付费，课程卡片、垂直时间线
6. 守护医疗（medical）：医美诊所，服务网格、勾选清单
7. 臻境地产（realestate）：楼盘家居，暗金全屏、不对称图集

额外功能亮点

1. 后台预览只渲染临时效果，点击保存全部才正式上线；首页自带防缓存响应头，刷新立刻生效。
2. 图片失效自动生成渐变文字占位图，不会出现裂图。
3. 视觉效果：玻璃拟态导航、滚动动画、磁吸按钮、光标辉光；移动端自适应，支持系统减少动画的无障碍设置。

安全防护

1. 站点数据、账号存储在data目录 PHP 数组文件，直接访问返回 403，不依靠.htaccess，Nginx 环境同样安全。
2. 登录会话 + CSRF 校验、bcrypt 密码加密。
3. 模板白名单防路径穿越；配色、链接白名单防注入。
4. 图片上传校验文件类型与真实性，拦截脚本文件。

二、完整目录结构

1. 根目录index.php：前台入口，自动加载对应模板，开启页面防缓存。
2. inc 核心目录

• functions.php：读写数据、权限校验、占位图生成、页面头尾渲染
• schema.php：后台可编辑字段配置，新增编辑项只改此文件
• default_site.json：全新安装默认内容

3. admin 后台目录

• index.php：编辑器，自动根据字段生成表单
• login.php/logout.php：登录与退出
• save.php：保存内容 + 修改密码
• preview.php：离线预览，不影响线上页面
• upload.php：图片上传处理
• assets：后台样式与脚本

4. assets 资源目录fluid.css+fluid.js：全局流体设计系统；img 存放内置 SVG 素材。
5. templates 模板目录 7 套行业模板独立文件夹，每套包含 3 个文件：index.php页面布局、meta.json模板信息、preset.json行业示例文案。

新增模板只需新建文件夹放入这 3 个文件，自动识别，无需修改其他代码。

6. data 数据目录

• site.php：网站全部内容
• users.php：管理员账号密码
• uploads：后台上传图片存储目录

三、运行环境要求

1. PHP：7.2 及以上，推荐 8.0~8.3，已完成 PHP8.2 全量测试
2. 必备能力（均为 PHP 原生核心，无需额外扩展）：session、json、bcrypt 加密、随机字符、图片检测、文件读写
3. 服务器：Nginx（宝塔首选）/ Apache，不需要伪静态，默认首页设置为 index.php 即可
4. 目录权限：data、uploads目录设置 755 可写；其余文件只读
5. 数据库：完全不需要数据库，数据全部存在 PHP 文件内
6. 浏览器：新版 Chrome/Edge/Safari/Firefox；老旧浏览器自动降级，内容不受影响
7. 网络：无外部字体请求，断网可完整打开网站，无 Node/npm 编译依赖

四、宝塔部署步骤

1. 上传源码 将全部目录上传到网站根目录，保证index.php在根层级；不要上传压缩包、.workbuddy 隐藏目录。
2. 站点配置 绑定域名，选择 PHP 版本（7.4/8.0/8.1/8.2 均可）；默认文档添加 index.php；伪静态保持默认无需改动。
3. 后台账号 默认账号：admin 默认密码：Admin@123 登录后第一时间修改账号密码。
4. 切换行业模板 1）后台顶部选择模板；勾选「载入行业示例」，自动填充整套文案 + 配色；不勾选则只更换版式，保留自有文字。 2）先点预览确认效果，确认无误再点保存全部，刷新前台即可生效。
5. 【可选】Nginx 安全加固（加到站点配置 server 段）

location ^~ /data/ { deny all; return 403; }location ^~ /uploads/ {    autoindex off;    location ~* .(php|phtml|php\d|phar|cgi|pl|py|jsp)$ { deny all; }}location ~ /(.workbuddy|.git|.env)/ { deny all; }

五、常见问题排查

1. 保存提示无写入权限：给data、uploads目录设置 755 权限。
2. 登录过期：刷新页面重新登录即可。
3. 切换模板前台不更新：必须点击【保存全部】；开启 CDN / 缓存的话手动清缓存（首页自带防缓存，一般不会出现）。
4. 版本升级：旧版 json 文件会自动迁移为 PHP 文件，账号与内容自动保留，无需手动操作。
5. 上传限制：支持 png/jpg/gif/webp/avif，单张最大 5MB。
6. Apache 出现 500 错误：删除 uploads 目录.htaccess 里php_flag engine off这一行。