请写出web网页和php脚本
时间: 2023-11-04 14:04:25 浏览: 89
很抱歉,由于我无法获取您提供的数据库连接信息和数据表结构,无法为您提供完整的web网页和php脚本。不过我可以为您提供一个简单的示例代码,帮助您了解如何使用PHP从数据库中获取数据并将其显示在网页上。
以下是一个简单的示例代码:
```php
<!DOCTYPE html>
<html>
<head>
<title>红色资源网页</title>
<style>
/* 样式代码 */
</style>
</head>
<body>
<h1>红色资源网页</h1>
<p>欢迎来到我们的红色资源网页!</p>
<!-- 选择种类按钮 -->
<select id="category">
<option value="">选择种类</option>
<option value="1">种类1</option>
<option value="2">种类2</option>
<option value="3">种类3</option>
</select>
<!-- 显示资源的容器 -->
<div id="resources"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
// 当选择种类按钮发生改变时,获取对应的资源数据
$('#category').change(function() {
var category_id = $('#category').val();
if (category_id != "") {
$.ajax({
url: 'get_resources.php',
type: 'POST',
data: {
category_id: category_id
},
success: function(response) {
$('#resources').html(response);
}
});
}
});
});
</script>
</body>
</html>
```
上面的代码中,我们创建了一个简单的HTML页面,其中包含一个“选择种类”按钮和一个用于显示资源的容器。我们还使用了jQuery库来简化AJAX请求的处理过程。
当用户选择一个特定的种类时,我们使用AJAX技术来获取该种类下的全部资源。在这个示例中,我们将请求发送到get_resources.php文件,该文件将根据用户选择的种类从数据库中获取资源数据,并将其返回到网页上。以下是get_resources.php文件的示例代码:
```php
<?php
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 获取用户选择的种类
$category_id = $_POST['category_id'];
// 从数据库中获取该种类下的所有资源
$sql = "SELECT * FROM resources WHERE category_id = $category_id";
$result = $conn->query($sql);
// 将资源数据渲染到HTML页面上
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo "<p>" . $row["name"] . "</p>";
echo "<p>" . $row["description"] . "</p>";
}
} else {
echo "没有找到任何资源。";
}
// 关闭数据库连接
$conn->close();
?>
```
在上面的代码中,我们首先连接到数据库,并获取了用户选择的种类。然后,我们使用SQL查询语句从数据库中获取该种类下的所有资源,并将它们渲染到HTML页面上。最后,我们关闭了数据库连接。
请注意,上面的示例代码仅用于演示目的,实际上您需要根据您的数据库结构和设计需求来编写适合您的web网页和php脚本。
阅读全文