本文介绍如何使用 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 代码来实现：
<?php$yearRanges = [];if (!empty($years)) { $startYear = $years[0]; $endYear = $years[count($years) - 1]; for ($i = $startYear; $i $endYear) { $rangeEnd = $endYear; } $yearRanges[] = $rangeStart . "-" . $rangeEnd; }}?>
这段代码首先获取最小和最大的年份，然后循环遍历这些年份，每次递增 5 年。它创建一个包含起始年份和结束年份的字符串，并将该字符串添加到 $yearRanges 数组中。
3. 创建 HTML 元素
现在，我们可以使用 $yearRanges 数组来创建 HTML 元素：
<?php foreach ($yearRanges as $range) { echo "$range"; } ?>
这段代码循环遍历 $yearRanges 数组，并为每个年份范围创建一个 元素。value 属性和显示文本都设置为年份范围。
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 元素中显示这些范围。这使得用户可以方便地按年份范围过滤数据。记住，安全性至关重要，请务必验证和清理用户输入，并使用预处理语句来防止 SQL 注入攻击。
以上就是使用 PHP 和 MySQL 创建按 5 年分组的动态年份范围选择器的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1287305.html
微信扫一扫 
支付宝扫一扫 
