PHP表单：为单选产品添加价格并优化数据存储
在PHP开发的电商类表单场景中，经常需要让用户选择单个产品，同时关联该产品的价格信息，并且要合理存储用户的选择和对应价格。本文将介绍如何实现为单选产品添加价格，并优化数据存储的完整方案。
基础表单设计：单选产品与价格关联
首先我们需要设计一个包含单选产品的表单，每个产品选项都要绑定对应的价格。这里使用<input type="radio">标签实现单选功能，同时把价格作为隐藏值或者选项的属性传递，避免前端篡改价格的同时保证数据可传递。
下面是基础表单的代码示例，每个单选产品的value存储产品ID，同时通过data-price属性存储对应价格，方便后续JS获取和PHP处理：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>产品选择表单</title>
</head>
<body>
<form action="handle_form.php" method="post">
<h3>请选择你要购买的产品</h3>
<!-- 产品1：手机，价格2999 -->
<label>
<input type="radio" name="product" value="1" data-price="2999">
智能手机（价格：2999元）
</label>
<br>
<!-- 产品2：平板，价格3999 -->
<label>
<input type="radio" name="product" value="2" data-price="3999">
平板电脑（价格：3999元）
</label>
<br>
<!-- 产品3：笔记本，价格5999 -->
<label>
<input type="radio" name="product" value="3" data-price="5999">
笔记本电脑（价格：5999元）
</label>
<br><br>
<button type="submit">提交选择</button>
</form>
</body>
</html>前端价格实时显示优化
为了提升用户体验，我们可以添加简单的JavaScript代码，当用户选择不同产品时，实时显示对应的价格，不需要用户提交后再查看。这里通过监听单选按钮的change事件，获取选中项的data-price属性值并展示：
// 等待DOM加载完成
document.addEventListener('DOMContentLoaded', function() {
// 获取所有产品单选按钮
const productRadios = document.querySelectorAll('input[name="product"]');
// 创建显示价格的元素
const priceDisplay = document.createElement('p');
priceDisplay.id = 'price-show';
priceDisplay.style.color = '#ff5722';
priceDisplay.style.fontWeight = 'bold';
// 把价格显示元素插入到提交按钮前面
const submitBtn = document.querySelector('button[type="submit"]');
submitBtn.parentNode.insertBefore(priceDisplay, submitBtn);
// 监听单选按钮变化
productRadios.forEach(radio => {
radio.addEventListener('change', function() {
if (this.checked) {
// 获取选中的产品价格
const price = this.getAttribute('data-price');
priceDisplay.textContent = '当前选中产品价格：' + price + '元';
}
});
});
});后端数据处理与存储优化
用户提交表单后，PHP端不能直接信任前端传递的价格，因为前端数据可以被篡改。正确的做法是根据用户提交的产品ID，从服务端的产品数据中查询对应的真实价格，再完成后续存储。
下面是handle_form.php的处理逻辑，首先定义服务端的产品价格映射数组，然后根据用户提交的product ID获取真实价格，最后将数据存入数据库（这里以MySQLi为例，使用预处理语句防止SQL注入）：
<?php
// 1. 定义服务端产品数据，避免信任前端传递的价格
$productPriceMap = [
1 => 2999, // 产品ID 1 对应价格2999
2 => 3999, // 产品ID 2 对应价格3999
3 => 5999 // 产品ID 3 对应价格5999
];
// 2. 验证用户提交的数据
if (!isset($_POST['product']) || !array_key_exists($_POST['product'], $productPriceMap)) {
die('请选择有效的产品');
}
$productId = intval($_POST['product']);
$realPrice = $productPriceMap[$productId];
// 3. 数据库连接（示例，实际项目建议配置单独的文件）
$dbHost = '127.0.0.1';
$dbUser = 'root';
$dbPass = '123456';
$dbName = 'test_db';
$conn = new mysqli($dbHost, $dbUser, $dbPass, $dbName);
if ($conn->connect_error) {
die('数据库连接失败：' . $conn->connect_error);
}
// 4. 使用预处理语句存储数据，防止SQL注入
$sql = "INSERT INTO user_orders (product_id, product_price, create_time) VALUES (?, ?, ?)";
$stmt = $conn->prepare($sql);
if (!$stmt) {
die('SQL预处理失败：' . $conn->error);
}
$createTime = date('Y-m-d H:i:s');
$stmt->bind_param('iis', $productId, $realPrice, $createTime);
if ($stmt->execute()) {
echo '订单提交成功！<br>';
echo '产品ID：' . $productId . '<br>';
echo '产品价格：' . $realPrice . '元<br>';
echo '提交时间：' . $createTime;
} else {
echo '订单提交失败：' . $stmt->error;
}
// 5. 释放资源
$stmt->close();
$conn->close();
?>存储优化建议
为了进一步优化数据存储，我们可以遵循以下原则：
- 只存储产品ID和服务端校验后的价格，不存储前端传递的任何价格相关字段，避免数据不一致。
- 数据库表中product_price字段建议设置为DECIMAL类型（比如DECIMAL(10,2)），避免浮点型精度丢失问题。
- 如果产品信息会频繁变动，建议单独维护产品表，订单表只存储产品ID，查询时通过联表获取最新产品信息，减少冗余存储。
- 对product_id字段添加索引，提升订单查询时的效率。
常见问题说明
很多开发者会直接在表单的<input>标签value中同时存储产品ID和价格，比如value="1_2999"，这种方式虽然简单，但同样存在前端篡改风险，而且拆分数据也会增加后端处理成本，不建议使用。
另外如果产品数量较多，不建议在PHP代码中硬编码产品价格映射，应该把产品数据存入数据库的产品表，每次处理时从产品表查询对应价格，这样产品信息更新时不需要修改代码，维护性更好。