PHP在线任务跟踪系统实战指南

admin 2025-01-14 757 0

在快节奏的工作环境中,任务跟踪系统是提高团队效率的利器。今天,我们将探讨如何使用PHP构建一个简单的在线任务跟踪系统,帮助团队更好地管理项目进度。

PHP在线任务跟踪系统实战指南

项目准备

首先,确保你的开发环境已经安装了以下工具:

  • PHP:用于后端逻辑处理。
  • MySQL:用于数据存储。
  • HTML/CSS:用于前端界面设计。

数据库设计

我们需要一个数据库来存储任务信息。以下是简单的数据库设计:

CREATE DATABASE task_tracker;

USE task_tracker;

CREATE TABLE tasks (
    id INT AUTO_INCREMENT PRIMARY KEY,
    title VARCHAR(255) NOT NULL,
    description TEXT,
    status ENUM('pending', 'in_progress', 'completed') NOT NULL DEFAULT 'pending',
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

后端逻辑

连接数据库

首先,创建一个PHP文件来连接数据库:

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "task_tracker";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
?>

任务管理功能

接下来,实现任务的增删改查功能。

添加任务

function addTask($title, $description) {
    global $conn;
    $stmt = $conn->prepare("INSERT INTO tasks (title, description) VALUES (?, ?)");
    $stmt->bind_param("ss", $title, $description);
    $stmt->execute();
    $stmt->close();
}

获取任务列表

function getTasks() {
    global $conn;
    $result = $conn->query("SELECT * FROM tasks");
    $tasks = [];
    while ($row = $result->fetch_assoc()) {
        $tasks[] = $row;
    }
    return $tasks;
}

更新任务状态

function updateTaskStatus($id, $status) {
    global $conn;
    $stmt = $conn->prepare("UPDATE tasks SET status = ? WHERE id = ?");
    $stmt->bind_param("si", $status, $id);
    $stmt->execute();
    $stmt->close();
}

删除任务

function deleteTask($id) {
    global $conn;
    $stmt = $conn->prepare("DELETE FROM tasks WHERE id = ?");
    $stmt->bind_param("i", $id);
    $stmt->execute();
    $stmt->close();
}

前端界面

使用HTML和CSS创建一个简单的用户界面,展示任务列表并提供添加、更新和删除功能。

HTML结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Task Tracker</title>
</head>
<body>
    <h1>任务跟踪系统</h1>
    <form id="taskForm">
        <input type="text" id="title" placeholder="任务标题">
        <textarea id="description" placeholder="任务描述"></textarea>
        <button type="submit">添加任务</button>
    </form>
    <div id="taskList"></div>
</body>
</html>

CSS样式

body {
    font-family: Arial, sans-serif;
    margin: 20px;
}

h1 {
    color: #333;
}

form {
    margin-bottom: 20px;
}

input, textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

button {
    padding: 10px 20px;
    background-color: #007BFF;
    color: white;
    border: none;
    cursor: pointer;
}

button:hover {
    background-color: #0056b3;
}

总结

通过以上步骤,我们成功搭建了一个基于PHP的在线任务跟踪系统。虽然功能简单,但足以应对小型团队的日常需求。未来,可以进一步扩展功能,如添加用户认证、任务分配等,使其更加完善。

希望这个实战指南能为你提供灵感和帮助,动手试试吧!

评论(0)