如何让HTML模板支持生成一个或多个表格？

核心思路 #

把单个表格的HTML结构抽成独立子模板，通过PHP循环生成每个表格的内容并拼接，最后替换主模板的占位符即可。

1. 拆分模板 #

• 主模板（main-template.html）：负责页面整体结构，预留多表格的占位符

<body>
**#PageHeading#**
**#MultipleTables#**
</body>

• 表格子模板（table-template.html）：单个表格的完整结构，包含各自的占位符

<h2>**#TableHeading#**</h2>
<table>
    <thead>
        <tr>
            **#TableColumnHeaders#**      
        </tr>
    </thead>
    <tbody>
        **#TableRows#**
    </tbody>
    <tfoot>
        **#TableTotalsRow#**
    </tfoot>
</table>

2. PHP处理逻辑 #

用循环遍历表格数据，逐个填充子模板并拼接，最后替换主模板的占位符：

// 模拟多表格数据（实际可从数据库/接口获取）
$tablesData = [
    [
        'table_heading' => 'Q1销售数据',
        'column_headers' => '<th>产品</th><th>销量</th><th>营收</th>',
        'rows' => '<tr><td>A产品</td><td>100</td><td>5000</td></tr><tr><td>B产品</td><td>80</td><td>4800</td></tr>',
        'totals_row' => '<tr><td>总计</td><td>180</td><td>9800</td></tr>'
    ],
    [
        'table_heading' => 'Q2销售数据',
        'column_headers' => '<th>产品</th><th>销量</th><th>营收</th>',
        'rows' => '<tr><td>A产品</td><td>120</td><td>6000</td></tr><tr><td>B产品</td><td>90</td><td>5400</td></tr>',
        'totals_row' => '<tr><td>总计</td><td>210</td><td>11400</td></tr>'
    ]
];

// 读取子模板
$tableTemplate = file_get_contents('table-template.html');

// 生成所有表格的HTML
$allTables = '';
foreach ($tablesData as $table) {
    $singleTable = str_replace(
        ['**#TableHeading#**', '**#TableColumnHeaders#**', '**#TableRows#**', '**#TableTotalsRow#**'],
        [$table['table_heading'], $table['column_headers'], $table['rows'], $table['totals_row']],
        $tableTemplate
    );
    $allTables .= $singleTable . "\n";
}

// 读取主模板并替换占位符
$mainTemplate = file_get_contents('main-template.html');
$finalHtml = str_replace(
    ['**#PageHeading#**', '**#MultipleTables#**'],
    ['季度销售报表', $allTables],
    $mainTemplate
);

// 输出或保存结果
echo $finalHtml;
// file_put_contents('final-page.html', $finalHtml);

额外提示 #

• 如果表格数据来自数据库，只需把$tablesData改成从数据库查询的结果集即可
• 占位符命名尽量清晰，避免和其他内容冲突
• 若需要更复杂的模板逻辑（比如条件判断），也可以直接在模板里嵌入PHP短标签（如<?php foreach (...) : ?>），但纯字符串替换的方式更适合你当前的需求

内容的提问来源于stack exchange，提问作者VeroBot