php添加按钮，按钮名称为选择种类，按钮缩进100格，按钮大小为100*200

在第一个php文件中添加按钮代码，修改如下：

// 添加按钮
echo "<div style='padding-left: 100px;'>
            <button style='width: 200px; height: 100px;' onclick='selectCategory()'>选择种类</button>
        </div>";

按钮缩进100格，通过给按钮外层div添加样式实现，样式为`padding-left: 100px;`。

按钮大小为100*200，通过给按钮添加样式实现，样式为`width: 200px; height: 100px;`。

相关问题

php读取redsources_db数据库的red_resources；数据库账号为root，密码为A啊23456。red_resources表头内容为id，category_id，subcategory_id，details，image。 根据数据库动态创建以下内容： 请根据category_id的类别创建一级分类； 请根据subcategory_id的类别创建二级分类； 每个分类都是唯一的； 一级分类分类缩进100格，字体大小为40，颜色为蓝色，字体加粗； 二级分类为单选框，缩进200格，字体大小为20，颜色为蓝色； 添加按钮，按钮名称为选择种类。当点击按钮时，根据选择的种类跳转到另外一个页面。 该页面将显示改类别下数据库中的第一条数据； 请给出完整代码

以下是根据您的要求编写的 PHP 代码：

<?php
$servername = "localhost";
$username = "root";
$password = "A啊23456";
$dbname = "redresources_db";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

$sql = "SELECT * FROM red_resources";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    $categories = array();
    while($row = $result->fetch_assoc()) {
        $category_id = $row["category_id"];
        $subcategory_id = $row["subcategory_id"];
        $details = $row["details"];
        $image = $row["image"];
        
        // 创建一级分类
        if (!isset($categories[$category_id])) {
            $categories[$category_id] = true;
            echo "<p style=\"font-size: 40px; color: blue; font-weight: bold; margin-left: 100px;\">Category $category_id</p>";
        }
        
        // 创建二级分类
        echo "<div style=\"margin-left: 200px;\">";
        echo "<input type=\"radio\" name=\"category_$category_id\" value=\"$subcategory_id\">" . $details . "<br>";
        echo "</div>";
    }
} else {
    echo "0 results";
}

$conn->close();
?>

<button onclick="selectCategory()">选择种类</button>

<script>
function selectCategory() {
    var categories = document.getElementsByName("category_");
    var selectedCategory = "";

    for (var i = 0; i < categories.length; i++) {
        if (categories[i].checked) {
            selectedCategory = categories[i].value;
            break;
        }
    }

    if (selectedCategory != "") {
        window.location.href = "show_data.php?category_id=" + selectedCategory;
    } else {
        alert("请选择一个种类");
    }
}
</script>

该代码首先连接数据库，然后根据 category_id 和 subcategory_id 创建一级分类和二级分类。每个分类都是唯一的，一级分类分类缩进100格，字体大小为40，颜色为蓝色，字体加粗，二级分类为单选框，缩进200格，字体大小为20，颜色为蓝色。

最后，添加了一个按钮“选择种类”，当点击该按钮时，根据选择的种类跳转到另一个页面，该页面将显示该类别下数据库中的第一条数据。

请注意，在这段代码中，当用户点击“选择种类”按钮时，会跳转到名为“show_data.php”的另一个页面，您需要在该页面中编写代码来显示数据库中的第一条数据。同时，您需要在链接中传递所选类别的 category_id 参数，以便在 show_data.php 中进行查询。

php读取redsources_db数据库的red_resources；数据库账号为root，密码为A啊23456。red_resources表头内容为id，category_id，subcategory_id，details，image。 根据数据库动态创建以下内容： 第一个php文件： 需求1：请根据category_id的类别创建一级分类； 需求2：请根据subcategory_id的类别创建二级分类； 需求3：每个分类都是唯一的； 需求4：一级分类分类缩进100格，字体大小为40，颜色为蓝色，字体加粗； 需求5：二级分类为单选框，缩进200格，字体大小为20，颜色为蓝色； 需求6：添加按钮，按钮名称为选择种类。当点击按钮时，并单选框选择不为空时跳转到另外一个页面。 第二个php文件： 需求7：在一个php文件中当点击按钮时，跳转到这个文件中进行显示页面； 需求8：页面输出该subcategory_id下数据库中存在的总数量。 请给出完整代码

第一个php文件：

<?php
// 连接数据库
$conn = mysqli_connect("localhost", "root", "A啊23456", "redresources_db");

// 获取所有数据
$sql = "SELECT * FROM red_resources";
$result = mysqli_query($conn, $sql);

// 创建一级分类数组
$categoryArr = array();

// 创建二级分类数组
$subcategoryArr = array();

// 遍历数据，生成分类数组
while ($row = mysqli_fetch_assoc($result)) {
    // 处理一级分类
    if (!in_array($row['category_id'], $categoryArr)) {
        $categoryArr[] = $row['category_id'];
        echo "<div style='padding-left: 100px; font-size: 40px; color: blue; font-weight: bold;'>{$row['category_id']}</div>";
    }

    // 处理二级分类
    if (!in_array($row['subcategory_id'], $subcategoryArr)) {
        $subcategoryArr[] = $row['subcategory_id'];
        echo "<div style='padding-left: 200px; font-size: 20px; color: blue;'><input type='radio' name='subcategory' value='{$row['subcategory_id']}'>{$row['subcategory_id']}</div>";
    }
}

// 添加按钮
echo "<button onclick='selectCategory()'>选择种类</button>";

// 关闭数据库连接
mysqli_close($conn);
?>

<script>
function selectCategory() {
    // 获取选中的二级分类
    var subcategory = document.querySelector('input[name="subcategory"]:checked');
    if (subcategory) {
        // 跳转到另一个页面
        window.location.href = "second.php?subcategory=" + subcategory.value;
    } else {
        alert("请选择种类");
    }
}
</script>

第二个php文件：

<?php
// 连接数据库
$conn = mysqli_connect("localhost", "root", "A啊23456", "redresources_db");

// 获取子分类
$subcategory = $_GET['subcategory'];

// 查询总数量
$sql = "SELECT COUNT(*) AS total FROM red_resources WHERE subcategory_id = '{$subcategory}'";
$result = mysqli_query($conn, $sql);
$row = mysqli_fetch_assoc($result);
$total = $row['total'];

// 输出总数量
echo "该分类下共有{$total}条数据";

// 关闭数据库连接
mysqli_close($conn);
?>