mysql 建立数据表实时查看界面

最新推荐文章于 2024-09-25 14:34:16 发布

觉也没睡

最新推荐文章于 2024-09-25 14:34:16 发布

阅读量21

点赞数

文章标签： mysql 数据库

MySQL 数据表建立与实时查看界面

数据库是现代软件开发中不可或缺的一部分。MySQL 是一种流行的关系型数据库管理系统，广泛应用于各种应用程序。本文将介绍如何使用 MySQL 建立数据表，并展示如何通过一个简单的实时查看界面来查看数据。

建立数据表

首先，我们需要在 MySQL 中创建一个数据表。假设我们要创建一个名为 travels 的表，用于存储旅行信息。以下是创建表的 SQL 语句：

CREATE TABLE travels (
    id INT AUTO_INCREMENT PRIMARY KEY,
    destination VARCHAR(255) NOT NULL,
    duration INT NOT NULL,
    budget DECIMAL(10, 2) NOT NULL
);

在这个表中，id 是主键，自动递增；destination 存储旅行目的地；duration 存储旅行持续时间（天数）；budget 存储旅行预算。

插入数据

接下来，我们可以向表中插入一些示例数据：

INSERT INTO travels (destination, duration, budget) VALUES
('Paris', 5, 1500.00),
('Tokyo', 7, 2000.00),
('New York', 4, 1200.00);

实时查看界面

为了实时查看 travels 表中的数据，我们可以编写一个简单的 PHP 脚本，使用 AJAX 技术实现数据的实时更新。

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "mydatabase";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
?>
<!DOCTYPE html>
<html>
<head>
    <title>旅行数据实时查看</title>
</head>
<body>
    旅行数据实时查看
    <table id="travelsTable">
        <thead>
            <tr>
                <th>目的地</th>
                <th>持续时间</th>
                <th>预算</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

    <script src="
    <script>
        function fetchData() {
            $.ajax({
                url: 'fetch_data.php',
                type: 'GET',
                success: function(data) {
                    $('#travelsTable tbody').html(data);
                }
            });
        }

        $(document).ready(function() {
            fetchData();
            setInterval(fetchData, 5000); // 每5秒刷新一次数据
        });
    </script>
</body>
</html>