PHP基于多态实现select选值对应ProductType子类调用

你用抽象类+多态规避条件判断的思路是可行的，现有代码首先要修正PHP语法问题，再通过映射表实现无判断的类实例调度，完全适配MVC分层逻辑，具体实现步骤如下：

• 首先修正子类的语法错误：你当前直接在PHP方法中写入JS代码会触发解析错误，需要用PHP标签包裹前端输出内容
• 构建选项值与类名的映射关系，彻底替代if/else/switch等业务条件判断
• 按MVC分层逻辑分别在控制器、视图层处理取值、实例化、渲染逻辑

1. 修正子类代码 #

所有继承ProductType的子类，需要把JS内容放在PHP的输出区间内，以BookType.php为例：

class BookType extends ProductType {
    public function displayInputs(){
?>
<script>
document.getElementById("book-div").style.display = "block";
</script>
<?php
    }
}

DVDType.php、TableType.php按相同逻辑修改，只需要把脚本中对应的元素ID替换为dvd-div、table-div即可。

2. 控制器层（C层）逻辑 #

在处理表单的控制器方法中，定义与select选项值一一对应的类映射数组，不需要任何针对产品类型的多分支条件判断：

// 确保类已经通过自动加载或者require引入
class ProductController extends BaseController {
    public function showForm() {
        // 映射表：键名和select的option值完全一致
        $typeClassMap = [
            'Book' => BookType::class,
            'DVD' => DVDType::class,
            'Table' => TableType::class
        ];

        // 从请求中获取选中的类型值
        $selectedType = request()->get('product_type', '');
        $productType = null;
        if (isset($typeClassMap[$selectedType])) {
            $productType = new $typeClassMap[$selectedType]();
        }

        return view('product.form', compact('productType', 'selectedType'));
    }
}

这里的isset判断仅用于处理未选择任何选项的边界场景，不属于针对不同产品类型的业务条件判断，符合要求。

3. 视图层（V层）代码 #

在表单视图中编写select和对应隐藏的div，调用传入的类实例方法渲染对应JS即可：

<form action="/product/save" method="post">
    <select name="product_type" onchange="this.form.submit()">
        <option value="">请选择产品类型</option>
        <option value="Book" <?php echo ($selectedType ?? '') == 'Book' ? 'selected' : '';?>>书籍</option>
        <option value="DVD" <?php echo ($selectedType ?? '') == 'DVD' ? 'selected' : '';?>>DVD</option>
        <option value="Table" <?php echo ($selectedType ?? '') == 'Table' ? 'selected' : '';?>>桌子</option>
    </select>

    <div id="book-div" style="display: none;">
        <!-- 书籍专属输入项 -->
        书籍重量输入：<input type="text" name="weight">
    </div>
    <div id="dvd-div" style="display: none;">
        <!-- DVD专属输入项 -->
        DVD容量输入：<input type="text" name="size">
    </div>
    <div id="table-div" style="display: none;">
        <!-- 桌子专属输入项 -->
        桌子尺寸输入：<input type="text" name="dimension">
    </div>

    <?php
    if ($productType) {
        $productType->displayInputs();
    }
    ?>
    <button type="submit">提交</button>
</form>

如果需要无刷新切换显示效果，不需要提交表单，可以在前端加一层同逻辑的映射表实现，同样不需要针对类型写条件判断：

const divMap = {
    'Book': 'book-div',
    'DVD': 'dvd-div',
    'Table': 'table-div'
};
document.querySelector('[name=product_type]').addEventListener('change', function(e){
    // 先隐藏所有专属div
    Object.values(divMap).forEach(id => document.getElementById(id).style.display = 'none');
    // 显示选中项对应的div
    const targetDiv = divMap[e.target.value];
    if (targetDiv) {
        document.getElementById(targetDiv).style.display = 'block';
    }
});

这种实现方式完全遵循多态设计原则，没有针对不同产品类型写多分支条件判断，后续如果新增产品类型，只需要新增对应的子类、在映射表中加一行配置即可，不需要修改原有逻辑。

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