如何使用MySQL和JavaScript建立一個動態資料表
概述：
在現代的網頁開發中，動態資料表是非常常見的元件。透過使用資料庫管理系統MySQL和前端程式語言JavaScript，我們可以輕鬆地建立一個動態資料表格，用於展示並操作資料庫中的資料。本文將詳細介紹如何使用MySQL和JavaScript來建立一個動態資料表格，並提供具體的程式碼範例。
步驟：
CREATE DATABASE my_database;
USE my_database;
CREATE TABLE my_table (
id INT PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(50),
age INT,
email VARCHAR(100)
);const mysql = require('mysql');
const connection = mysql.createConnection({
host : 'localhost',
user : 'your_username',
password : 'your_password',
database : 'my_database'
});
connection.connect((err) => {
if (err) throw err;
console.log('Connected to MySQL database');
});請確保將上述程式碼中的your_username和your_password替換為實際的MySQL使用者名稱和密碼。
const sql = 'SELECT * FROM my_table';
connection.query(sql, (err, result) => {
if (err) throw err;
console.log('Fetched data from database:', result);
// 将数据展示在表格中
const table = document.getElementById('data-table');
result.forEach((row) => {
const newRow = table.insertRow();
Object.values(row).forEach((value) => {
const cell = newRow.insertCell();
cell.innerHTML = value;
});
});
});在上述範例中，我們執行了一個簡單的SELECT語句來取得資料庫中的所有數據，並將其展示在一個id為data-table的HTML表格中。
const sql = `INSERT INTO my_table (name, age, email) VALUES ('John', 25, 'john@example.com')`;
connection.query(sql, (err, result) => {
if (err) throw err;
console.log('Inserted a new row into the database');
});以上程式碼將在資料庫的my_table表格中插入一行新的資料。
總結：
透過使用MySQL和JavaScript，我們可以輕鬆地建立一個動態資料表格，並實現對資料庫中資料的展示和操作。本文提供了連接資料庫、查詢資料和執行其他操作的具體程式碼範例，希望對大家在開發動態資料表格時有所幫助。
以上是如何使用MySQL和JavaScript建立一個動態資料表格的詳細內容。更多資訊請關注PHP中文網其他相關文章！
