怎么把mysql数据库在页面显示

把MySQL数据库在页面显示的方法主要有两种，一种是通过服务器端语言（如PHP）与数据库进行交互，并使用HTML和CSS来构建页面；另一种是使用JavaScript框架（如React、Vue、Angular）通过AJAX请求服务器端接口获取数据库数据，并使用HTML和CSS来渲染页面。

以下是详细的步骤和示例代码：

方法一：使用服务器端语言与数据库交互

在服务器端编写脚本，连接MySQL数据库，并执行查询语句获取数据。
将获取到的数据通过服务器端语言（如PHP）嵌入HTML页面，生成动态内容。
使用CSS样式美化数据展示的外观。

示例代码（使用PHP）：

<?php
// 连接数据库
$servername = "数据库服务器地址";
$username = "数据库用户名";
$password = "数据库密码";
$dbname = "数据库名";
$conn = new mysqli($servername, $username, $password, $dbname);

// 查询数据库并获取数据
$sql = "SELECT * FROM 表名";
$result = $conn->query($sql);

// 在页面中显示数据
if ($result->num_rows > 0) {
    echo "<table>";
    while ($row = $result->fetch_assoc()) {
        echo "<tr><td>" . $row["列名1"] . "</td><td>" . $row["列名2"] . "</td></tr>";
    }
    echo "</table>";
} else {
    echo "没有数据";
}

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

方法二：使用JavaScript框架与服务器端接口交互

在服务器端编写接口，接收前端的请求并连接MySQL数据库执行查询操作，将查询结果返回给前端。
使用JavaScript框架（如React、Vue、Angular）发送AJAX请求，调用服务器端接口获取数据库数据。
使用HTML和CSS将获取到的数据渲染到页面上。

示例代码（使用React和Axios）：

import React, { useEffect, useState } from "react";
import axios from "axios";

const MyComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    // 发送AJAX请求获取数据库数据
    axios.get("/api/data").then((response) => {
      setData(response.data);
    });
  }, []);

  return (
    <table>
      <thead>
        <tr>
          <th>列名1</th>
          <th>列名2</th>
        </tr>
      </thead>
      <tbody>
        {data.map((item) => (
          <tr key={item.id}>
            <td>{item.column1}</td>
            <td>{item.column2}</td>
          </tr>
        ))}
      </tbody>
    </table>
  );
};

export default MyComponent;

以上是两种常用的方法来把MySQL数据库在页面中显示的方式。具体选择哪种方法取决于项目需求和开发技术栈。