Bagaimana untuk membangunkan pengurus tugas mudah menggunakan MySQL dan JavaScript

Cara membangunkan pengurus tugas mudah menggunakan MySQL dan JavaScript

Ikhtisar:
Pengurus tugas ialah aplikasi biasa yang membantu kami mengatur dan menjejaki penyiapan tugasan harian. Dalam artikel ini, kita akan belajar cara membangunkan pengurus tugas mudah menggunakan MySQL dan JavaScript. Pengurus akan mempunyai keupayaan untuk menambah, mengedit dan memadam tugas, serta memaparkan dan mencari fungsi senarai tugas. Kami akan menggunakan MySQL sebagai pangkalan data untuk menyimpan maklumat tugas, dan JavaScript untuk melaksanakan antara muka pengguna bahagian hadapan dan berinteraksi dengan pangkalan data.

Penyediaan:

• Pasang pangkalan data MySQL.
• Buat pangkalan data (seperti task_manager), dan buat jadual tugas (seperti tugas), yang akan menyimpan maklumat tugas, seperti nama tugas, tarikh akhir, keutamaan, dsb.

Pengurus Tugas Pembangunan:

1. Mewujudkan sambungan pangkalan data
   Dalam JavaScript, kita perlu menggunakan perpustakaan sambungan MySQL untuk mewujudkan sambungan ke pangkalan data. Kod sampel adalah seperti berikut:

const mysql = require('mysql');
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'task_manager'
});

connection.connect((err) => {
  if (err) throw err;
  console.log('Connected to MySQL database');
});

2. Tambah tugas
   Kita boleh menambah tugas dalam pengurus tugas. Dapatkan maklumat berkaitan tugasan melalui borang hadapan dan masukkannya ke dalam jadual tugas. Kod sampel adalah seperti berikut:

function addTask(taskName, deadline, priority) {
  const task = { name: taskName, deadline: deadline, priority: priority };
  connection.query('INSERT INTO tasks SET ?', task, (err, res) => {
    if (err) throw err;
    console.log('Task added successfully');
  });
}

3. Edit tugas
   Kami boleh mengedit tugasan sedia ada. Dapatkan maklumat tugasan yang dikemas kini melalui borang bahagian hadapan dan kemas kini ke jadual tugasan. Kod sampel adalah seperti berikut:

function editTask(taskId, updatedTask) {
  connection.query('UPDATE tasks SET ? WHERE id = ?', [updatedTask, taskId], (err, res) => {
    if (err) throw err;
    console.log('Task updated successfully');
  });
}

4. Padam Tugas
   Kami boleh memadamkan tugasan daripada pengurus tugas. Kod sampel adalah seperti berikut:

function deleteTask(taskId) {
  connection.query('DELETE FROM tasks WHERE id = ?', taskId, (err, res) => {
    if (err) throw err;
    console.log('Task deleted successfully');
  });
}

5. Paparkan senarai tugas
   Kita boleh mendapatkan senarai tugas daripada pangkalan data dan memaparkannya di bahagian hadapan. Kod sampel adalah seperti berikut:

function displayTasks() {
  connection.query('SELECT * FROM tasks', (err, rows) => {
    if (err) throw err;
    console.log('Tasks:', rows);
  });
}

6. Cari tugasan
   Kami boleh mencari senarai tugas berdasarkan kata kunci. Kod sampel adalah seperti berikut:

function searchTasks(keyword) {
  connection.query('SELECT * FROM tasks WHERE name LIKE ?', "%" + keyword + "%", (err, rows) => {
    if (err) throw err;
    console.log('Search results:', rows);
  });
}

Ringkasan:
Dengan menggunakan MySQL dan JavaScript untuk membangunkan pengurus tugas, kami boleh menambah, mengedit dan memadam tugasan, dan boleh memaparkan senarai tugasan dan mencari tugasan tertentu di hadapan- antara muka akhir. Di atas ialah contoh kod mudah Anda boleh mengubah suai dan melanjutkan kod mengikut keperluan anda sendiri untuk mencapai lebih banyak fungsi dan pengalaman pengguna yang lebih baik. Saya harap artikel ini dapat membantu anda bermula dengan cepat dan memahami cara membangunkan pengurus tugas menggunakan MySQL dan JavaScript.

Atas ialah kandungan terperinci Bagaimana untuk membangunkan pengurus tugas mudah menggunakan MySQL dan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!