PHP 组件化结构
用 app/components 和 app/pages 拆分页面,便于 AI Agent 按区块重建。
这个模板用于把目标站点的调研、资产整理、组件化重建流程迁移到 PHP 环境。 适合已有授权的网站迁移、旧站重构、学习网页结构和样式实现。
php scripts/clone-website.php \
"https://example.com" \
--i-own-or-have-permission
脚本会生成调研文档、资产清单和 PHP 页面起步文件。
先分析,再组件化重建,避免“看起来差不多”的低保真复制。
抓取标题、Meta、图片、链接、字体和基础结构。
生成组件 spec,记录布局、内容、资源和交互模型。
把 spec 写成 PHP 组件、CSS 变量和页面数据。
对照原站检查桌面端、移动端、悬停和点击状态。
用 app/components 和 app/pages 拆分页面,便于 AI Agent 按区块重建。
无需 Node/npm,把运行目录设为 public 即可上线。
先生成 SITE_PROFILE、ASSETS 和组件 spec,再开始写页面。
上传到 /www/wwwroot/你的域名/
网站运行目录设置为 /public
PHP 选择 8.1+
开启 curl、dom、mbstring、openssl
每个区块先写 spec,再写 PHP 组件;CSS 值尽量来自浏览器计算样式; 图片、视频和 SVG 统一放到 public 下。
app/components/ 放复用组件,页面只负责组合。
app/data/ 保存真实文案和结构化内容。
public/assets/css/app.css 保存设计变量、响应式和动画。