Rumah > Artikel > pangkalan data > Cara membuat jadual data dinamik menggunakan MySQL dan JavaScript
Cara membuat jadual data dinamik menggunakan MySQL dan JavaScript
Ikhtisar:
Dalam pembangunan web moden, jadual data dinamik adalah komponen yang sangat biasa. Dengan menggunakan sistem pengurusan pangkalan data MySQL dan bahasa pengaturcaraan bahagian hadapan JavaScript, kami boleh membuat jadual data dinamik dengan mudah untuk memaparkan dan memanipulasi data dalam pangkalan data. Artikel ini akan memperkenalkan secara terperinci cara menggunakan MySQL dan JavaScript untuk mencipta jadual data dinamik dan menyediakan contoh kod khusus.
Langkah:
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'); });
Sila pastikan untuk menggantikan 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
Selepas berjaya menyambung ke pangkalan data, kami boleh menggunakan JavaScript untuk menanyakan data dalam pangkalan data dan memaparkannya dalam jadual data. Berikut ialah contoh kod mudah untuk menanyakan pangkalan data dan memaparkan data:
my_table
pangkalan data. 🎜🎜Ringkasan: 🎜Dengan menggunakan MySQL dan JavaScript, kami boleh membuat jadual data dinamik dengan mudah dan memaparkan serta mengendalikan data dalam pangkalan data. Artikel ini menyediakan contoh kod khusus untuk menyambung ke pangkalan data, menyoal data dan melaksanakan operasi lain. Saya harap ia akan membantu semua orang apabila membangunkan jadual data dinamik. 🎜Atas ialah kandungan terperinci Cara membuat jadual data dinamik menggunakan MySQL dan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!