产品官网系统 v1.0|带后台|多行业模板一键切换
一、项目简介
轻量 PHP 产品官网,配套可视化后台;前台为苹果流体设计落地页,后台可一键修改全站所有内容。
可编辑内容项
品牌名称 & 标语、导航菜单、首屏主视觉、产品亮点、图文介绍、参数规格、图片图集、价格购买、FAQ、页脚、主题配色、管理员账号密码。
核心优势
✅ 零依赖:纯 PHP + 原生 HTML/CSS/JS,无框架、无 Composer、不用数据库、无需编译,上传文件直接运行。 ✅ 7 套行业模板:不只是换颜色,每套独立页面结构、区块顺序、排版 + 全套行业示例文案。
极客数码(tech):3C 数码科技,深色网格、霓虹卡片、双列参数
新潮茶饮(beverage):餐饮新消费,左文右图圆形首屏、瀑布流图集
轻奢美妆(beauty):护肤时尚,杂志封面版式、细金线分隔
先锋座驾(auto):新能源汽车,全屏电影首屏、大数字指标
智学教育(education):培训知识付费,课程卡片、垂直时间线
守护医疗(medical):医美诊所,服务网格、勾选清单
臻境地产(realestate):楼盘家居,暗金全屏、不对称图集
额外功能亮点
后台预览只渲染临时效果,点击保存全部才正式上线;首页自带防缓存响应头,刷新立刻生效。
图片失效自动生成渐变文字占位图,不会出现裂图。
视觉效果:玻璃拟态导航、滚动动画、磁吸按钮、光标辉光;移动端自适应,支持系统减少动画的无障碍设置。
安全防护
站点数据、账号存储在data目录 PHP 数组文件,直接访问返回 403,不依靠.htaccess,Nginx 环境同样安全。
登录会话 + CSRF 校验、bcrypt 密码加密。
模板白名单防路径穿越;配色、链接白名单防注入。
图片上传校验文件类型与真实性,拦截脚本文件。
二、完整目录结构
根目录index.php:前台入口,自动加载对应模板,开启页面防缓存。
inc 核心目录
functions.php:读写数据、权限校验、占位图生成、页面头尾渲染
schema.php:后台可编辑字段配置,新增编辑项只改此文件
default_site.json:全新安装默认内容
admin 后台目录
index.php:编辑器,自动根据字段生成表单
login.php/logout.php:登录与退出
save.php:保存内容 + 修改密码
preview.php:离线预览,不影响线上页面
upload.php:图片上传处理
assets:后台样式与脚本
assets 资源目录fluid.css+fluid.js:全局流体设计系统;img 存放内置 SVG 素材。
templates 模板目录 7 套行业模板独立文件夹,每套包含 3 个文件:index.php页面布局、meta.json模板信息、preset.json行业示例文案。
新增模板只需新建文件夹放入这 3 个文件,自动识别,无需修改其他代码。
data 数据目录
site.php:网站全部内容
users.php:管理员账号密码
uploads:后台上传图片存储目录
三、运行环境要求
PHP:7.2 及以上,推荐 8.0~8.3,已完成 PHP8.2 全量测试
必备能力(均为 PHP 原生核心,无需额外扩展):session、json、bcrypt 加密、随机字符、图片检测、文件读写
服务器:Nginx(宝塔首选)/ Apache,不需要伪静态,默认首页设置为 index.php 即可
目录权限:data、uploads目录设置 755 可写;其余文件只读
数据库:完全不需要数据库,数据全部存在 PHP 文件内
浏览器:新版 Chrome/Edge/Safari/Firefox;老旧浏览器自动降级,内容不受影响
网络:无外部字体请求,断网可完整打开网站,无 Node/npm 编译依赖
四、宝塔部署步骤
上传源码 将全部目录上传到网站根目录,保证index.php在根层级;不要上传压缩包、.workbuddy 隐藏目录。
站点配置 绑定域名,选择 PHP 版本(7.4/8.0/8.1/8.2 均可);默认文档添加 index.php;伪静态保持默认无需改动。
后台账号 默认账号:admin 默认密码:Admin@123 登录后第一时间修改账号密码。
切换行业模板 1)后台顶部选择模板;勾选「载入行业示例」,自动填充整套文案 + 配色;不勾选则只更换版式,保留自有文字。 2)先点预览确认效果,确认无误再点保存全部,刷新前台即可生效。
【可选】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; }
五、常见问题排查
保存提示无写入权限:给data、uploads目录设置 755 权限。
登录过期:刷新页面重新登录即可。
切换模板前台不更新:必须点击【保存全部】;开启 CDN / 缓存的话手动清缓存(首页自带防缓存,一般不会出现)。
版本升级:旧版 json 文件会自动迁移为 PHP 文件,账号与内容自动保留,无需手动操作。
上传限制:支持 png/jpg/gif/webp/avif,单张最大 5MB。
Apache 出现 500 错误:删除 uploads 目录.htaccess 里php_flag engine off这一行。

