本文详解如何构建一个 html 表单，接收两个数字输入，并根据用户选择的运算类型（加、减、乘、除），在服务端实例化 php 计算器类并执行对应方法，最终安全、清晰地输出结果。
本文详解如何构建一个 html 表单，接收两个数字输入，并根据用户选择的运算类型（加、减、乘、除），在服务端实例化 php 计算器类并执行对应方法，最终安全、清晰地输出结果。
要实现“表单输入 → 传递参数 → 调用类方法 → 显示结果”的完整流程，关键在于：正确提交操作意图（而不仅是数值）、安全验证输入、合理分发调用逻辑。原代码中使用 <input type="button"> 无法触发表单提交，因此必须改用可提交的控件（如 radio 按钮 + 提交按钮），并配合服务端条件判断完成动态方法调用。
以下是一个完整、健壮、可直接运行的实现方案：
✅ 正确的表单结构（支持操作选择与提交）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>PHP 四则运算计算器</title>
</head>
<body>
<h2>简易计算器</h2>
<form method="post" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>">
<p>
<label for="num-a">第一个数：</label>
<input type="number" id="num-a" name="num-a" step="any" required>
</p>
<p>
<label for="num-b">第二个数：</label>
<input type="number" id="num-b" name="num-b" step="any" required>
</p>
<p>
<label>请选择运算：</label><br>
<input type="radio" name="operation" value="add" id="op-add" required> <label for="op-add">加法 (+)</label><br>
<input type="radio" name="operation" value="subtract" id="op-sub"> <label for="op-sub">减法 (−)</label><br>
<input type="radio" name="operation" value="multiply" id="op-mul"> <label for="op-mul">乘法 (×)</label><br>
<input type="radio" name="operation" value="divide" id="op-div"> <label for="op-div">除法 (÷)</label>
</p>
<p>
<input type="submit" value="计算">
</p>
</form>
</body>
</html>? 说明：
- 使用 type="radio" 配合 name="operation" 统一命名，确保用户只能选一种运算；
- 添加 required 属性强制选择，提升表单健壮性；
- step="any" 支持小数输入；
- htmlspecialchars() 防止 XSS，提升安全性。
✅ 安全可靠的 PHP 处理逻辑（含校验与分发）
<?php
// 1. 定义计算器类（保持封装性与职责单一）
class MyCalculator {
private $first, $second;
public function __construct($fval, $sval) {
// 类型转换保障数值有效性
$this->first = floatval($fval);
$this->second = floatval($sval);
}
public function add() {
return $this->first + $this->second;
}
public function subtract() {
return $this->first - $this->second;
}
public function multiply() {
return $this->first * $this->second;
}
public function divide() {
if ($this->second == 0) {
throw new InvalidArgumentException("除数不能为零");
}
return $this->first / $this->second;
}
}
// 2. 处理表单提交（置于 HTML 之后或独立文件中）
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
// ✅ 严格校验：所有必需字段是否存在且非空
if (!isset($_POST['num-a']) || !isset($_POST['num-b']) || !isset($_POST['operation'])) {
echo "<p style='color:red'>⚠️ 错误：缺少必要参数，请检查输入。</p>";
exit;
}
$a = trim($_POST['num-a']);
$b = trim($_POST['num-b']);
$op = $_POST['operation'];
// ✅ 数值合法性检查
if (!is_numeric($a) || !is_numeric($b)) {
echo "<p style='color:red'>⚠️ 错误：请输入有效的数字。</p>";
exit;
}
try {
$calc = new MyCalculator($a, $b);
$result = null;
// ✅ 使用 switch 精确路由到对应方法（避免重复 case 或漏判）
switch ($op) {
case 'add':
$result = $calc->add();
$symbol = '+';
break;
case 'subtract':
$result = $calc->subtract();
$symbol = '−';
break;
case 'multiply':
$result = $calc->multiply();
$symbol = '×';
break;
case 'divide':
$result = $calc->divide();
$symbol = '÷';
break;
default:
throw new InvalidArgumentException("不支持的运算类型：{$op}");
}
// ✅ 清晰展示计算过程与结果
echo "<p><strong>计算结果：</strong>{$a} {$symbol} {$b} = <span style='font-size:1.2em;color:#2c7bb6'>{$result}</span></p>";
} catch (InvalidArgumentException $e) {
echo "<p style='color:red'>⚠️ 运行错误：{$e->getMessage()}</p>";
}
}
?>⚠️ 关键注意事项与最佳实践
- 不要依赖前端按钮提交：<input type="button"> 无提交能力，必须用 type="submit" 或 type="radio" + 提交按钮组合；
- 始终验证输入：$_POST 数据不可信，需检查 isset()、is_numeric()、空值、除零等边界情况；
- 避免魔法字符串：运算标识（如 'add'）应统一定义为常量或枚举（进阶可引入策略模式）；
- 类属性应设为 private：原代码中 public $_fval 破坏封装性，改为 private 并通过构造函数初始化更安全；
- 分离关注点：HTML 呈现与 PHP 逻辑可进一步拆分为视图（.html）与控制器（.php），利于维护。
通过以上结构，你不仅能完成基础功能，更建立了可扩展、易调试、符合 Web 开发规范的 PHP 表单处理范式。掌握此模式后，即可轻松适配更多运算类型或集成至更大系统中。
立即学习“PHP免费学习笔记（深入）”；
