如何利用MySQL和JavaScript開發一個簡單的任務管理器

如何利用MySQL和JavaScript開發一個簡單的任務管理器

#概述：
任務管理器是一種常見的應用程序，它可以幫助我們組織和追蹤日常任務的完成情況。在本文中，我們將學習如何利用MySQL和JavaScript來開發一個簡單的任務管理器。此管理器將具有新增、編輯和刪除任務的功能，同時具有任務清單的顯示和搜尋功能。我們將使用MySQL作為資料庫儲存任務訊息，並使用JavaScript來實現前端使用者介面和與資料庫的互動。

準備工作：

• 安裝MySQL資料庫。
• 建立一個資料庫（例如task_manager），並建立一個任務表（例如tasks），該表將儲存任務的信息，如任務名稱、截止日期、優先順序等。

開發任務管理器：

1. 建立資料庫連線
   在JavaScript中，我們需要使用MySQL連線程式庫來建立與資料庫的連線。範例程式碼如下：

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. 新增任務
   我們可以在工作管理員中新增一個任務。透過前端表單獲取任務的相關信息，並將其插入任務表中。範例程式碼如下：

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. 編輯任務
   我們可以編輯現有的任務。透過前端表單取得更新後的任務信息，並將其更新到任務表中。範例程式碼如下：

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. 刪除任務
   我們可以從工作管理員中刪除任務。範例程式碼如下：

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

5. 顯示任務列表
   我們可以從資料庫中取得任務列表，並在前端顯示出來。範例程式碼如下：

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

6. 搜尋任務
   我們可以根據關鍵字搜尋任務清單。範例程式碼如下：

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

總結：
透過利用MySQL和JavaScript開發任務管理器，我們可以實現任務的新增、編輯、刪除，並且可以在前端介面顯示任務清單和搜尋特定任務的功能。以上是簡單的程式碼範例，你可以根據自己的需求對程式碼進行修改和擴展，以實現更多功能和更好的使用者體驗。希望本文能幫助你快速入門並理解如何利用MySQL和JavaScript開發任務管理器。

以上是如何利用MySQL和JavaScript開發一個簡單的任務管理器的詳細內容。更多資訊請關注PHP中文網其他相關文章！