MySQL 및 JavaScript를 사용하여 간단한 작업 관리자를 개발하는 방법
개요:
작업 관리자는 일상 작업 완료를 구성하고 추적하는 데 도움이 되는 일반적인 애플리케이션입니다. 이 기사에서는 MySQL과 JavaScript를 사용하여 간단한 작업 관리자를 개발하는 방법을 알아봅니다. 관리자는 작업을 추가, 편집, 삭제할 수 있을 뿐만 아니라 작업 목록을 표시하고 검색하는 기능도 갖습니다. MySQL을 작업 정보를 저장하는 데이터베이스로 사용하고 JavaScript를 사용하여 프런트 엔드 사용자 인터페이스를 구현하고 데이터베이스와 상호 작용합니다.
준비:
개발 작업 관리자:
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'); });
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'); }); }
function editTask(taskId, updatedTask) { connection.query('UPDATE tasks SET ? WHERE id = ?', [updatedTask, taskId], (err, res) => { if (err) throw err; console.log('Task updated successfully'); }); }
function deleteTask(taskId) { connection.query('DELETE FROM tasks WHERE id = ?', taskId, (err, res) => { if (err) throw err; console.log('Task deleted successfully'); }); }
function displayTasks() { connection.query('SELECT * FROM tasks', (err, rows) => { if (err) throw err; console.log('Tasks:', rows); }); }
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!