Facebook Twitter Youtube Google

كيفية بناء موقع ويب متكامل باستخدام Django – دليل المبتدئين

هل تساءلت يومًا كيف تُبنى المواقع الديناميكية مثل منصات التعليم أو المتاجر الإلكترونية؟ ماذا لو أخبرتك أن هناك إطار عمل قويًا، مرنًا، وسهل الاستخدام يُدعى Django يمكنه مساعدتك في بناء موقع ويب متكامل باستخدام لغة Python فقط؟
في هذا الدليل المبسط والموجه للمبتدئين، سنتعرف على خطوات بناء موقع ويب باستخدام Django من الصفر حتى النشر على الإنترنت. سنتناول المفاهيم الأساسية، هيكل المشروع، برمجة التطبيقات، قواعد البيانات، القوالب، ونظام المصادقة، مع نصائح عملية وأمثلة تسهل عليك فهم كل خطوة.

ما هو Django ولماذا يستخدم؟

Django هو إطار عمل (Framework) مفتوح المصدر لتطوير تطبيقات الويب بلغة Python. تم تطويره لتسريع عملية إنشاء المواقع، وتوفير بيئة منظمة وفعالة تعتمد على مبدأ “Don’t Repeat Yourself” (لا تكرر نفسك).

لماذا Django؟

  • تطوير سريع: أدوات جاهزة لتوليد المكونات الأساسية مثل لوحة التحكم، التسجيل، التوثيق.

  • أمان عالي: يحتوي على آليات حماية من الثغرات مثل SQL Injection وCSRF.

  • قابلية للتوسّع: مناسب لبناء مشاريع صغيرة ومواقع ضخمة في آن واحد.

مقارنة سريعة مع Flask

  • Django: إطار متكامل، يتضمن أدوات عديدة جاهزة.

  • Flask: إطار مصغر، يتيح حرية أكبر ولكنه يتطلب الكثير من التهيئة اليدوية.

إعداد بيئة التطوير

لبناء مشروع Django، تحتاج إلى إعداد بيئة تطوير نظيفة ومنظمة:

تثبيت Python وDjango

  1. تأكد من تثبيت Python عبر الموقع الرسمي python.org.

  2. افتح الطرفية (Terminal) وثبّت Django باستخدام الأمر:

pip install django

استخدام Virtualenv

لعزل مشروعك عن باقي النظام:

pip install virtualenv
virtualenv venv
source venv/bin/activate # على أنظمة UNIX
venv\Scripts\activate # على Windows

إنشاء مشروع Django جديد

django-admin startproject mysite
cd mysite
python manage.py runserver

ستظهر رسالة تخبرك أن الخادم يعمل، ويمكنك زيارة http://127.0.0.1:8000 لرؤية الصفحة الترحيبية من Django.

فهم هيكل مشروع Django

عند فتح مجلد المشروع، ستجد:

  • manage.py: أداة سطر أوامر لإدارة المشروع.

  • مجلد mysite/: يحتوي على ملفات إعدادات المشروع.

  • settings.py: إعدادات المشروع (اللغة، قاعدة البيانات، التطبيقات المثبتة…).

  • urls.py: مسؤول عن توجيه الروابط (Routing).

المشروع مقابل التطبيق

  • المشروع (Project): الحاوية الكبرى التي تشمل إعداداتك العامة.

  • التطبيق (App): وحدة وظيفية داخل المشروع، يمكن أن تكون مدونة، متجر، منتدى، إلخ.

إنشاء أول تطبيق داخل المشروع

ابدأ ببناء أول تطبيق:

python manage.py startapp blog

ثم أضف التطبيق إلى INSTALLED_APPS داخل settings.py:

INSTALLED_APPS = [
...
'blog',
]

أنشئ عرضًا بسيطًا (View) في views.py:

from django.http import HttpResponse

def home(request):
return HttpResponse(“مرحبًا بك في أول صفحة Django!”)

واربطه في urls.py:

from django.urls import path
from blog.views import home

urlpatterns = [
path(”, home),
]

نظام القوالب في Django

لإنشاء صفحات HTML ديناميكية، يستخدم Django نظام Templates:

  1. أنشئ مجلد templates داخل تطبيقك.

  2. أضف ملف home.html بمحتوى HTML أساسي.

  3. عدل العرض ليعيد القالب بدلاً من النص الثابت:

from django.shortcuts import render

def home(request):
return render(request, ‘home.html’)

ميزات Django Template Language

  • دعم التكرار: {% for item in list %}...{% endfor %}

  • استخدام الشروط: {% if condition %}...{% endif %}

  • تمرير المتغيرات من العرض للقالب عبر context.

التعامل مع قواعد البيانات

النموذج Model في Django

كل كائن في قاعدة البيانات يتم تمثيله كنموذج Python:

from django.db import models

class Post(models.Model):
title = models.CharField(max_length=100)
content = models.TextField()

ثم:

python manage.py makemigrations
python manage.py migrate

إنشاء المحتوى (CRUD)

يمكنك استخدام Django Admin لإدارة المحتوى:

python manage.py createsuperuser

ثم زيارة /admin لإضافة وتعديل المنشورات.

نظام إدارة المستخدمين والتوثيق

Django يقدم نظام توثيق جاهز:

  • تسجيل الدخول: django.contrib.auth.views.LoginView

  • تسجيل الخروج: LogoutView

  • حماية الصفحات:

from django.contrib.auth.decorators import login_required

@login_required
def dashboard(request):
return render(request, ‘dashboard.html’)

يمكنك أيضًا تخصيص واجهات التسجيل وتسجيل الدخول بسهولة باستخدام القوالب.

اختبار التطبيق وتصحيح الأخطاء

Django يدعم الاختبارات باستخدام وحدة unittest:

from django.test import TestCase

class PostTest(TestCase):
def test_title(self):
post = Post.objects.create(title=“اختبار”, content=“نص”)
self.assertEqual(post.title, “اختبار”)

كما توفر Django رسائل خطأ واضحة في المتصفح تساعدك في تصحيح الكود.

نشر الموقع على الإنترنت

أشهر خدمات استضافة Django

  • Heroku: دعم مباشر لـ Django ومجاني لمشاريع صغيرة.

  • DigitalOcean: أداء قوي وتحكم كامل.

خطوات النشر العامة

  • إعداد ملف requirements.txt.

  • إعداد متغيرات البيئة ENV.

  • تغيير الإعدادات لإيقاف DEBUG وتحديد النطاقات الموثوقة.

  • استخدام أدوات مثل gunicorn و whitenoise لإدارة الخادم الثابت.

نصائح ختامية للمبتدئين

  • قسم مشروعك إلى تطبيقات صغيرة قابلة لإعادة الاستخدام.

  • استخدم نظام القوالب لفصل المنطق عن التصميم.

  • لا تنسَ كتابة اختبارات لتأمين الكود.

  • استعن بالمجتمع: يوجد الكثير من الإضافات والحزم الجاهزة التي يمكن أن تختصر عليك الوقت.

قد يبدو الدخول إلى عالم برمجة المواقع باستخدام Django مهمة ضخمة، لكن مع الممارسة والتوجيه الصحيح ستكتشف مدى قوة هذا الإطار ومرونته. ابدأ بمشروع بسيط، ثم تدرج إلى مشاريع أكبر، ولا تنسَ أن توثق أعمالك في معرض إلكتروني لعرض مهاراتك.

هل أنت مستعد للانطلاق في رحلتك البرمجية؟ افتح المحرر، وثبّت Django، وابدأ في بناء أول موقع لك اليوم!

المصادر :

  1. Django Documentation (Official)

  2. Real Python – Django Tutorials

  3. Mozilla Developer Network – Django Web Framework

  4. Simple is Better Than Complex – Django Tutorials

خطوات سهلة لتبدأ طلبك الآن

فقط قم بتعبئة البيانات التالية وسنكون على تواصل


    الدعم

    روابط سريعة

    logo.svg
    طرق الدفع

    في فنون المسلم، نعتز بكوننا من أوائل شركات تصميم المواقع بالمملكة، منذ تأسيسنا في 2007. نقدم تصاميم مواقع على أعلى مستوى من الاحترافية والابتكار، مع التركيز على تلبية متطلبات السوق السعودي. نعمل جنبًا إلى جنب مع عملائنا لضمان تحقيق أهدافهم التجارية، مع تقديم حلول متكاملة تناسب كافة الميزانيات.

    Linkedin Google Instagram Facebook Twitter-square
    Scroll to Top