إنشاء طرق العرض في إطار عمل تطبيقات الويب Django

Preslav Dobrev2022-09-22 · 7 min read

إنشاء طرق العرض في إطار عمل تطبيقات الويب Django

Django هو إطار عمل ويب قوي ومفتوح المصدر، Python-يعتمد على تسهيل عملية إنشاء وإدارة مواقع الويب وتطبيقات الويب. تطبيقات Django قابلة للتطوير وذات أداء عالٍ وآمنة. كما أنه يأتي مع توثيق جيد حقًا لكل جزء من أجزاء إطار العمل.

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

المتطلبات الأساسية

لمتابعة هذا الدليل، ستحتاج إلى المكونات التالية.

خادم Ubuntu مع التكوينات المناسبة. تعرف على المزيد حول إعداد خادم Ubuntu.
بيئة تطوير Python مهيأة بشكل صحيح.
خادم قاعدة بيانات، على سبيل المثال، MySQL. يوضح هذا الدليل بالتفصيل تثبيت وتكوين MySQL على خادم Ubuntu.

هذا الدليل هو استمرار لسلسلتنا حول Django. أولاً، سيكون من المفيد الاطلاع على الأدلة السابقة حول إعداد Django, إنشاء اتصال قاعدة بيانات Django, إنشاء النماذج، و تمكين واجهة مسؤول Django.

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

الخطوة 1. تنشيط البيئة الافتراضية

يفضل تشغيل Django داخل بيئة افتراضية لـ Python. تطبيق Django الخاص بنا sample_app تم إنشاؤه داخل بيئة افتراضية مخصصة. أولاً، قم بتنشيط البيئة الافتراضية:

cd sample_app/

. sample_app_env/bin/activate

cd sample_app/

. sample_app_env/bin/activate

Step 2. Creating View Functions

انتقل إلى دليلنا random_app الذي يستضيف نماذج موقع المدونة الخاص بنا:

cd random_app/

1	cd random_app/

هنا، الملف views.py سيحتوي على الأكواد اللازمة لإنشاء عروضنا. افتحه في محرر نصوص:

nano views.py

1	nano views.py

Views in Django 1

نحن بحاجة إلى الدالة render() من مكتبة django.shortcuts لذا يظل السطر الأول كما هو. تساعد render() دالة في الجمع بين كل من القالب والسياق ليتم إرجاعهما ككائن HttpResponse المناسب.

سيرحب العرض الأول بالمستخدمين الذين يصلون إلى الصفحة الرئيسية. سيتعين علينا استيراد الدالة HttpResponse() من مكتبة Django http:

from django.shortcuts import render
from django.http import HttpResponse

def index(request):
  return HttpResponse(You landed on the welcome page')

def individual_post(request):
  return HttpResponse('Individual posts will appear here')

from django.shortcuts import render

from django.http import HttpResponse

def index(request):

return HttpResponse(لقد وصلت إلى صفحة الترحيبpage')

def individual_post(request):

return HttpResponse('المنشورات الفردية ستظهر هناhere')

Views in Django Edited Views

احفظ الملف وأغلق المحرر.

الخطوة 3. ربط عناوين URL بالعروض

في الوقت الحالي، لا يوجد عنوان URL مخصص لهذه الدوال، لذا لا يمكن الوصول إليها. نحتاج إلى إضافة كتلة أخرى urlpatterns داخل ملف تكوين URL. في Python، يشار إليه باسم ملف URLconf (تكوين URL).

يحتاج Django إلى تحديد وحدة URLconf الجذرية لاستخدامها. بعد ذلك، سيبحث في urlpatterns التي تحتوي على جميع أنماط URL في بنية قائمة. ثم يمر Django عبر الملف حتى يجد التطابق الأول. بمجرد العثور على تطابق، سيبحث Django عن العرض المرتبط به. ستتلقى دالة العرض هذه البيانات المتعلقة بنمط URL وكائن HttpRequest . أي خطأ في أي نقطة من هذه العملية سيعيد توجيهه إلى عرض معالجة الأخطاء.

افتح الملف urls.py الخاص بـ random_app في محرر نصوص:

nano urls.py

1	nano urls.py

أدخل الكود التالي:

from django.urls import path
from . import views

urlpatterns = [
  path('', views.index, name='index'),
  path('post/', views.individual_post, name='individual_post')
]

from django.urls import path

from . import views

urlpatterns = [

path('', views.index, name='index'),

path('post/', views.individual_post, name='individual_post')

]

Views in Django Urls

احفظ الملف وأغلق المحرر.

بمجرد الانتهاء، سيتعين علينا أيضًا تضمين مسار ملف URL تحت sample_app الخاص بمجلد URLconf. وإلا فلن يتعرف عليه تطبيق Django الخاص بنا. وذلك لأن URLconf الخاص بـ sample_app تم تعيينه كـ ROOT_URLCONF في ملف الإعدادات.

انتقل إلى مجلد التطبيق الخاص بنا sample_app:

cd sample_app/sample_app/sample_app/

1	cd sample_app/sample_app/sample_app/

افتح الملف urls.py في محرر نصوص:

nano urls.py

1	nano urls.py

Sample Urls

أدخل الكود التالي في الملف:

from django.contrib import admin
from django.urls import include, path

urlpatterns = [
  path('admin/', admin.site.urls),
  path('', include('random_app.urls'))
]

from django.contrib import admin

from django.urls import include, path

urlpatterns = [

path('admin/', admin.site.urls),

path('', include('random_app.urls'))

]

Sample Urls2

دعنا نختبر تغييراتنا. قم بتشغيل خادم تطبيق Django على localhost:8000:

python manage.py runserver localhost:8000

1	python manage.py runserver localhost:8000

Views in Django Start Server

انتقل إلى الرابط (URL):

localhost:8000

1	localhost:8000

Views in Django Wc Page

تحقق من الرابط (URL) الخاص بالمنشور:

localhost:8000/posts

1	localhost:8000/posts

الخطوة 4. إنشاء منشور مدونة

لقد قمنا بإنشاء أنماط الروابط (URL patterns) واستكشفنا سير عملها. حان الوقت لإضافة مدونة تجريبية ورؤية النتيجة.

من لوحة الإدارة، انتقل إلى صفحة random_app :

localhost:8000/admin/random_app/

1	localhost:8000/admin/random_app/

Views in Django Random Admin Page

انقر فوق رابط +Add من صف Posts :

Views in Django Add Post

في صفحة الويب الجديدة، سيظهر نموذج يتكون من الحقول التالية.

العنوان: عنوان منشور المدونة.
الرابط اللطيف (Slug): يشير إلى جزء من عنوان الويب الصالح الذي يحتوي على كلمات رئيسية مقروءة للبشر. بشكل عام، يتم إنشاء الروابط اللطيفة (slugs) بناءً على عنوان المنشور.
المحتوى: نص منشور المدونة.
الكاتب: اسم المستخدم ذو الصلة.

انقر فوق SAVE لإرسال المنشور:

Save Post

الخطوة 5. عرض البيانات في قاعدة البيانات

في هذا القسم التالي، سنعمل مع قاعدة البيانات الخاصة بنا. قم بتسجيل الدخول إلى MySQL كمستخدم مخصص لـ Django:

mysql -u sample_app_user -p

1	mysql -u sample_app_user -p

Mysql prompt

دعنا نتحقق مما إذا كان منشورنا قد تم تسجيله بنجاح في قاعدة البيانات:

USE sample_app_data;

1	USE sample_app_data;

Change DB

SELECT * FROM random_app_post;

1	SELECT * FROM random_app_post;

Select Query

ها قد تم الأمر! تم تسجيل المنشور بنجاح! يمكنك الآن الخروج من واجهة MySQL.

الخطوة 6. تعديلات إضافية على العرض (View)

هناك بعض الأشياء الإضافية التي يمكننا القيام بها مع طرق العرض (views) الخاصة بنا. افتح الملف في محرر نصوص:

nano views.py

1	nano views.py

يجب أن يبدو الكود كالتالي:

from django.shortcuts import render
from django.http import HttpResponse
from .models import Post

def index(request):
	return HttpResponse('Hello, welcome to the index page.')

def individual_post(request):
	recent_post = Post.objects.get(id__exact=1)
	return HttpResponse(recent_post.title + ': ' + recent_post.content)

from django.shortcuts import render

from django.http import HttpResponse

from .models import Post

def index(request):

return HttpResponse('Hello, welcome to the index page.')

def individual_post(request):

recent_post = Post.objects.get(id__exact=1)

return HttpResponse(recent_post.title + ': ' + recent_post.content)

Edit Views

هنا، قمنا بإضافة عبارة import إضافية لـ Post. تم أيضًا استبدال السلسلة النصية المقتبسة من HttpResponse ببيانات من منشور المدونة الخاص بنا. للإشارة إلى البيانات، نستخدم معرف منشور المدونة مع الكائن المرتبط به. يتم تخزين المعرف في متغير recent_post. الآن، يمكننا استخراج حقول معينة من الكائن عن طريق إلحاق الحقل بنقطة فاصلة.

بمجرد التغيير، دعنا نتحقق من التغييرات. قم بتشغيل خادم Django:

python manage.py runserver localhost:8000

1	python manage.py runserver localhost:8000

Start Server

الآن، قم بالوصول إلى صفحة Posts :

localhost:8000/posts

1	localhost:8000/posts

View Post

يجب أن يعرض منشور المدونة الذي أنشأناه.

الخطوة 7. الخروج من المشروع

للخروج من خادم Django، اضغط على Ctrl + C من الطرفية. لإلغاء تنشيط بيئة Python الافتراضية، قم بتشغيل الأمر التالي:

deactivate

1	deactivate

أفكار نهائية

في هذا الدليل، نجحنا في توضيح كيفية إنشاء طرق العرض (views)، ورسم خرائط لأنماط عناوين URL، وعرض النصوص على صفحة ويب من قاعدة بيانات random_app في Django.هذه مفاهيم أساسية في Django من الضروري فهمها وإتقانها.

إليك المزيد من الموارد لمساعدتك في إنشاء تطبيقات Django وإدارتها:

حوسبة سعيدة!

Preslav Dobrev

المؤلف · CloudSigma

Preslav Dobrev هو مصمم إبداعي في CloudSigma، يركز على هوية أعمال متسقة باستخدام قنوات التسويق التقليدية والمبتكرة. هو بارع في دمج الرؤية الفنية مع التسويق الاستراتيجي لخلق سرد قصصي مؤثر للعلامة التجارية.