
本文介绍如何使用 PHP 和 MySQL 创建一个动态的年份范围选择器,该选择器将数据库中的年份数据按 5 年进行分组,并在 HTML
1. 从数据库获取年份数据
首先,我们需要从数据库中获取所有唯一的年份。可以使用以下 SQL 查询来实现:
SELECT DISTINCT `Year` FROM view_mpacompanhamentogeral ORDER BY `Year` ASC
然后,使用 PHP 连接到数据库并执行查询。以下示例使用 mysqli 扩展:
connect_error) {
die("连接失败: " . $conn->connect_error);
}
$sql = "SELECT DISTINCT `Year` FROM view_mpacompanhamentogeral ORDER BY `Year` ASC";
$result = $conn->query($sql);
$years = [];
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$years[] = $row["Year"];
}
}
$conn->close();
?>注意事项:
立即学习“PHP免费学习笔记(深入)”;
- 请将 $servername, $username, $password, 和 $dbname 替换为您的数据库凭据。
- 确保已安装并启用了 mysqli 扩展。
2. 生成年份范围
接下来,我们需要将获取到的年份数据按 5 年进行分组。可以使用以下 PHP 代码来实现:
$endYear) {
$rangeEnd = $endYear;
}
$yearRanges[] = $rangeStart . "-" . $rangeEnd;
}
}
?>这段代码首先获取最小和最大的年份,然后循环遍历这些年份,每次递增 5 年。它创建一个包含起始年份和结束年份的字符串,并将该字符串添加到 $yearRanges 数组中。
3. 创建 HTML
现在,我们可以使用 $yearRanges 数组来创建 HTML
这段代码循环遍历 $yearRanges 数组,并为每个年份范围创建一个
4. 使用年份范围过滤数据
最后,我们需要使用选择的年份范围来过滤数据库中的数据。当用户选择一个年份范围时,可以使用 JavaScript 获取选择的值,并将其发送到服务器。
document.getElementById("selectFilterByYears").addEventListener("change", function() {
var selectedRange = this.value;
// 使用 AJAX 或表单提交将 selectedRange 发送到服务器
// 例如:
// window.location.href = "your_script.php?year_range=" + selectedRange;
});在服务器端 (例如 your_script.php),可以使用以下 PHP 代码来获取年份范围并执行查询:
注意事项:
立即学习“PHP免费学习笔记(深入)”;
- 始终对用户输入进行验证和清理,以防止 SQL 注入攻击。
- 使用预处理语句和参数绑定来提高安全性。
总结
通过以上步骤,我们可以使用 PHP 和 MySQL 创建一个动态的年份范围选择器,该选择器将数据库中的年份数据按 5 年进行分组,并在 HTML











