إنشاء قائمة مهام باستخدام PHP
مقدمة
في عالم البرمجة، تعتبر قائمة المهام (ToDo List) أداة فعالة تساعد المستخدمين على تنظيم أعمالهم وإدارة الوقت بشكل أفضل. سنتناول في هذا المقال كيفية إنشاء تطبيق قائمة مهام بسيط باستخدام لغة البرمجة PHP وقاعدة بيانات MySQL.
متطلبات المشروع
قبل البدء في كتابة الكود، يجب أن نتأكد من توفر المتطلبات الأساسية التالية:
- خادم ويب مثل Apache أو Nginx.
- PHP (يفضل أن يكون الإصدار 7.0 أو أحدث).
- قاعدة بيانات MySQL لإنشاء وتخزين المهام.
- معرفة أساسية بـ HTML وCSS لتحسين واجهة المستخدم.
خطوات إنشاء قائمة المهام
1. إنشاء قاعدة بيانات
في البداية، نحتاج إلى إنشاء قاعدة بيانات جديدة. يمكنك استخدام phpMyAdmin أو أي أداة مشابهة. قم بإنشاء قاعدة بيانات جديدة تسمى todolist، ثم قم بإنشاء جدول يسمى tasks بالهيكل التالي:
CREATE TABLE tasks (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
task VARCHAR(255) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
2. إعداد بيئة العمل
قم بإنشاء مجلد جديد لمشروعك في مجلد الخادم الخاص بك، ثم قم بإنشاء ملف index.php وstyle.css.
3. بناء واجهة المستخدم
يمكننا الآن إضافة كود HTML لإنشاء واجهة المستخدم. في ملف index.php، أضف الكود التالي:
قائمة المهام
قائمة المهام
4. معالجة البيانات وإضافة المهام
في الجزء العلوي من ملف index.php، نحتاج إلى إضافة كود PHP لمعالجة البيانات المدخلة. اتبع الكود التالي:
query($sql);
}
$result = $conn->query("SELECT * FROM tasks");
while($row = $result->fetch_assoc()) {
echo "5. تحسين التصميم باستخدام CSS
يمكنك تحسين مظهر واجهة المستخدم باستخدام بعض الـ CSS. في ملف style.css، أضف بعض التنسيقات البسيطة كما يلي:
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1 {
color: #333;
}
form {
margin-bottom: 20px;
}
input[type="text"] {
padding: 10px;
width: 300px;
}
button {
padding: 10px;
}
ul {
list-style: none;
}
li {
padding: 10px;
border: 1px solid #ddd;
margin-bottom: 10px;
}
الختام
مع هذه الخطوات البسيطة، أصبح لديك الآن تطبيق قائمة مهام بسيط باستخدام PHP وMySQL. قم بتجربة التطبيق وأضف المزيد من الميزات مثل حذف المهام أو تعديلها لتحسين функциональность التطبيق. تعتبر قائمة المهام من الأدوات المفيدة التي يمكن تطويرها وتحسينها بمرور الوقت.