المشروع سيكون مناسب للمبتدئين والمتقدمين، وسيكون مشابهًا للوحة تحكم حقيقية (Dashboard) يمكن استخدامها في أي نظام إدارة مثل:
- إدارة مقالات
- إدارة منتجات
- إدارة مستخدمين
- إدارة بيانات CRUD
- صلاحيات مستخدمين
- تسجيل دخول وخروج
- تصميم Bootstrap جميل
وسنبدأ الدرس الأول الآن…
🧩 الدرس الأول: إنشاء مشروع Django جديد وضبط الإعدادات الأساسية
1️⃣ إنشاء مشروع Django
أولًا افتح الـ Terminal ثم نفّذ:
django-admin startproject adminpanel
ثم ادخل إليه:
cd adminpanel
2️⃣ تشغيل المشروع للتأكد أنه يعمل
python manage.py runserver
إذا ظهر الرابط:
http://127.0.0.1:8000/
فهذا يعني أن المشروع يعمل بنجاح 🎉
3️⃣ إنشاء تطبيق جديد داخل المشروع
الآن سننشئ تطبيق خاص بلوحة التحكم:
python manage.py startapp dashboard
ثم نضيفه داخل settings.py في:
INSTALLED_APPS = [
...
'dashboard',
]
4️⃣ إنشاء View أولية
داخل dashboard/views.py:
from django.http import HttpResponse
def home(request):
return HttpResponse("مرحبا بك في لوحة التحكم!")
5️⃣ تخصيص ملف urls
افتح adminpanel/urls.py وأضف:
from django.contrib import admin
from django.urls import path
from dashboard.views import home
urlpatterns = [
path('admin/', admin.site.urls),
path('', home),
]
الآن لو فتحت المتصفح ستظهر رسالة:
مرحبا بك في لوحة التحكم!
📌 ماذا أنجزنا؟
✔ أنشأنا مشروع Django
✔ أنشأنا تطبيق اسمه dashboard
✔ أضفنا أول صفحة تظهر للمستخدم
✔ المشروع يعمل بدون أخطاء
🧠 واجب الدرس الأول
المطلوب منك:
غيّر صفحة البداية لتكون HTML بدل نص عادي:
1️⃣ أنشئ مجلد templates داخل التطبيق
2️⃣ أنشئ ملف home.html يحتوي:
<h1>لوحة التحكم – مرحباً بك</h1>
3️⃣ عدّل الـ view ليعرض HTML:
from django.shortcuts import render
def home(request):
return render(request, "home.html")
حسناً يا تامر، إليك حل تمرين الدرس الأول خطوة بخطوة وبالشكل الصحيح داخل Django 👇
✔ حل تمرين الدرس الأول
المطلوب كان:
- جعل الصفحة الرئيسية تعرض ملف HTML بدل نص مباشر.
- إنشاء مجلد
templates. - إضافة ملف
home.html. - تعديل الـ view ليعرض القالب.
1️⃣ إنشاء مجلد القوالب Templates
داخل تطبيق dashboard قم بإنشاء مجلد بهذا الاسم:
dashboard/templates/
2️⃣ إنشاء ملف home.html
داخل المسار:
dashboard/templates/home.html
أنشئ ملف HTML يحتوي مثلًا:
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title>لوحة التحكم</title>
</head>
<body>
<h1>🎯 لوحة التحكم – مرحباً بك</h1>
<p>تم إعداد الصفحة بنجاح باستخدام Django Templates.</p>
</body>
</html>
3️⃣ تعديل View ليعرض القالب
افتح الملف:
dashboard/views.py
واكتب:
from django.shortcuts import render
def home(request):
return render(request, "home.html")
4️⃣ تشغيل المشروع للتأكد
python manage.py runserver
ثم افتح:
http://127.0.0.1:8000/
ستظهر صفحة HTML بشكل صحيح بدل النص البدائي السابق 🎉
🎯 ماذا تعلمنا؟
- كيفية إعداد قوالب Django.
- جعل الصفحة الرئيسية ديناميكية باستخدام
render. - تنظيم المشروع في المسار الصحيح.