استفسارات عن برمجة website

Zeina Almakdisi · 16 مارس 2023

مسالخير.. لدي بعض الاستفسارات

لانشاء website ووضعه على Domain ليصبح جاهز للعمل والتفاعل

هل يكفي بناء المشروع ضمن اطار عمل جانغو بدون اطار خاص بال frontend
قاعدة البيانات كيف يتم العمل عليها ..

أحمد رضا5 · 16 مارس 2023

لا، لإنشاء موقع ويب جاهز للعمل والتفاعل مع المستخدمين، يجب عليك بناء الجزء الخلفي (Backend) والجزء الأمامي (Frontend) بالإضافة إلى استضافة الموقع على دومين معين.

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

أما بالنسبة للجزء الأمامي، فيمكن استخدام إطار عمل خاص بالـ Frontend مثل React أو Vue أو Angular، ويتيح هذا الإطار عمل واجهة المستخدم وتحويل البيانات بشكل مرئي وسهل للمستخدم أو يمكنك انشاء واجهة ابسط باستخدام HTML و CSS وJavaScript فقط.

أما بالنسبة لقاعدة البيانات، فيمكن استخدام أي نوع من أنواع قواعد البيانات المدعومة من قبل Django، مثل PostgreSQL و MySQL وغيرها. ويتم العمل عليها باستخدام ORM (Object-Relational Mapping) الخاص بـ Django.

بعد الانتهاء من تطوير الموقع، يمكنك استضافته على خدمة استضافة الويب، مثل AWS أو Heroku أو Digital Ocean، أو أي خدمة استضافة أخرى متاحة، ويجب تأكد من تحديث إعدادات DNS لدومين الموقع للإشارة إلى خدمة الاستضافة المستخدمة.

Zeina Almakdisi · 16 مارس 2023

بتاريخ 3 دقائق مضت قال أحمد رضا5:

أما بالنسبة للجزء الأمامي، فيمكن استخدام إطار عمل خاص بالـ Frontend مثل React أو Vue أو Angular، ويتيح هذا الإطار عمل واجهة المستخدم وتحويل البيانات بشكل مرئي وسهل للمستخدم أو يمكنك انشاء واجهة ابسط باستخدام HTML و CSS وJavaScript فقط.

شكرا لك..

إذا قمت بإنشاء الواجهة بواسطة بوتستراب و html .. css .. javascript فقط

هل هذا يعمل أي مشكلة عند استضافته؟؟

أحمد رضا5 · 16 مارس 2023

بتاريخ 35 دقائق مضت قال Zeina Almakdisi:

شكرا لك..

إذا قمت بإنشاء الواجهة بواسطة بوتستراب و html .. css .. javascript فقط

هل هذا يعمل أي مشكلة عند استضافته؟؟

لا, لا يوجد أي مشاكل

وهناك الكثير من المواقع القائمة بهذا الشكل

بالتوفيق.

Mustafa Suleiman · 16 مارس 2023

بجانب الشرح الذي وفره أحمد، سأشرح بمثال بسيط كيف يمكن إنشاء مشروع django واستخدام HTML, CSS. JS, Bootstrap في الواجهة الأمامية.

1- تنصيب Django:

بعد إنشاء بيئة إفتراضية venv باستخدام الأمر python -m venv venv ثم تفعيلها باستخدام الأمر venv\Scripts\activate

بعد ذلك يتم تنفيذ الأمر "pip install django" في بيئة العمل الخاصة بك.

2- إنشاء مشروع Django:

تنفيذ الأمر "django-admin startproject project_name" حيث يتم استبدال project_name باسم مشروعك الفعلي.

3- إنشاء تطبيق Django:

تنفيذ الأمر "python manage.py startapp app_name" حيث يتم استبدال app_name باسم التطبيق الفعلي الذي تريد إنشائه.

4- إنشاء نماذج Django:

في ملف models.py، تعريف النموذج والحقول والعلاقات بينها. على سبيل المثال:

from django.db import models

class MyModel(models.Model):
    name = models.CharField(max_length=50)
    email = models.EmailField()
    phone = models.CharField(max_length=20)

5- إنشاء عرض Django:

في ملف views.py، يتم تعريف العرض الخاص بك واستخدام النموذج لاسترداد البيانات من قاعدة البيانات. على سبيل المثال:

from django.shortcuts import render
from .models import MyModel

def my_view(request):
    data = MyModel.objects.all()
    return render(request, 'my_template.html', {'data': data})

6- إنشاء قوالب HTML:

في مجلد القوالب الخاص بالتطبيق، يتم إنشاء ملف HTML الخاص بك واستخدام علامات التخصيص والمتغيرات لتحديد تخطيط الصفحة والبيانات التي ستظهر فيها. على سبيل المثال:

<html>
    <head>
        <title>My Webpage</title>
        <link rel="stylesheet" href="{% static 'css/styles.css' %}">
    </head>
    <body>
        <h1>My Webpage</h1>
        <ul>
            {% for item in data %}
            <li>{{ item.name }} - {{ item.email }} - {{ item.phone }}</li>
            {% endfor %}
        </ul>
    </body>
</html>

7- إضافة CSS و JS:

إنشاء ملفات CSS و JS الخاصة بك في مجلد الاستاتيك واستخدامها في ملفات HTML الخاصة بك. على سبيل المثال:

     <link rel="stylesheet" href="{% static 'css/styles.css' %}">
     <script src="{% static 'js/main.js' %}"></script>

تأكدي من تضمين المسار الصحيح لكل ملف. يمكن تخزين ملفات CSS و JS في المجلد الخاص بالتطبيق في app_name/static، أو في المجلد الخاص بالمشروع في project_name/static.

8- تعريف عناوين URL:

في ملف urls.py، تعريف عناوين URL الخاصة بك وربطها بالعروض الخاصة بها. على سبيل المثال:

from django.urls import path
from . import views

urlpatterns = [
    path('', views.my_view, name='my_view'),
]

الكود يعمل على تحديد العرض الذي سيتم عرضه عند زيارة العنوان URL المحدد. في المثال أعلاه، عند زيارة العنوان URL الرئيسي للتطبيق، سيتم استدعاء العرض my_view() في views.py.

9- تشغيل الخادم:

تنفيذ الأمر "python manage.py runserver" لتشغيل الخادم والوصول إلى تطبيقك على المتصفح عبر العنوان http://localhost:8000/ (أو العنوان المحدد إذا تم تغييره). يمكنك التحقق من وجود أي أخطاء في سجل الأوامر خلال عملية التشغيل.

إنشاء قاعدة البيانات

هناك بعض الخطوات التي يجب اتباعها لإنشاء قاعدة بيانات والتعامل معها باستخدام Django:

1- تعيين قاعدة البيانات في ملف settings.py:

أرجو منك تعيين قاعدة البيانات المراد استخدامها في ملف settings.py. حيث يتم تعيين اسم قاعدة البيانات ومعلومات الاتصال بها في متغير DATABASES في هذا الملف. حيث يمكن استخدام محركات قواعد البيانات مثل SQLite وMySQL و PostgreSQL، وفي هذا المثال، سنستخدم SQLite كمثال.

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}

2- إنشاء النماذج:

تستخدم نماذج Django لتمثيل البيانات في قاعدة البيانات. ويمكن إنشاء نموذج في ملف models.py باستخدام ترميز Python. يتم استخدام ترميز Python لتعريف حقول النموذج ومتطلباتها وعلاقاتها بين النماذج. على سبيل المثال:

from django.db import models

class MyModel(models.Model):
    name = models.CharField(max_length=50)
    age = models.IntegerField()
    is_active = models.BooleanField(default=True)

3- إجراء التحديثات في قاعدة البيانات:

تسجيل النماذج الجديدة في قاعدة البيانات عن طريق تنفيذ أمر "makemigrations" و "migrate" في وحدة التحكم. يتم استخدام "makemigrations" لإنشاء ملفات النموذج الجديدة وتطبيق التغييرات على ملفات النموذج الموجودة. ثم يتم استخدام "migrate" لتطبيق التغييرات الموجودة في ملفات النموذج على قاعدة البيانات.

رpython manage.py makemigrations
python manage.py migrate

4- إضافة بيانات إلى قاعدة البيانات:

باستخدام منفذ الأوامر. يمكن استخدام أمر "shell" للدخول إلى وضع التفاعل مع Django وإضافة بيانات بشكل يدوي. على سبيل المثال، يمكن إنشاء نموذج MyModel وحفظه في قاعدة البيانات باستخدام الأمر التالي في وحدة التحكم:

python manage.py shell
>>> from myapp.models import MyModel
>>> my_object = MyModel(name='John', age=30, is_active=True)
>>> my_object.save()

يمكن أيضًا إضافة البيانات باستخدام نماذج Django في الشفرة. على سبيل المثال، يمكن إنشاء ملفات fixtures تحتوي على بيانات المثال لتحميلها إلى قاعدة البيانات باستخدام الأمر "loaddata" في وحدة التحكم.

5- الاستعلام عن بيانات من قاعدة البيانات:

باستخدام نماذج Django. يمكن استخدام الأمر "objects.all()" للعثور على جميع السجلات في جدول معين. يمكن استخدام الأمر "filter()" للعثور على سجلات محددة باستخدام معايير مختلفة.

from myapp.models import MyModel

# Get all records from the database
all_records = MyModel.objects.all()

# Get specific records from the database
filtered_records = MyModel.objects.filter(name='John')

6- تعديل بيانات في قاعدة البيانات:

باستطاعتك الوصول إلى سجل محدد باستخدام الأمر "get()" ويمكن تحديث حقول السجل باستخدام تعليمة "save()".

from myapp.models import MyModel

# Get a specific record from the database
record = MyModel.objects.get(id=1)

# Modify the record
record.name = 'Jane'
record.age = 25

# Save the changes to the database
record.save()

7- حذف بيانات من قاعدة البيانات:

يتم الوصول إلى سجل محدد باستخدام الأمر "get()" ويمكن حذف السجل باستخدام الأمر "delete()".

from myapp.models import MyModel

# Get a specific record from the database
record = MyModel.objects.get(id=1)

# Delete the record from the database
record.delete()

يمكن أيضًا حذف السجلات باستخدام الأمر "filter()" لتحديد السجلات التي تحتاج إلى حذفها.

from myapp.models import MyModel

# Delete records that match a specific condition
MyModel.objects.filter(name='John').delete()

ويجب الانتباه إلى أن عملية الحذف قد تؤدي إلى حذف بيانات مهمة وتعديل خصائص التطبيق. لذلك يجب التأكد من عدم حدوث أخطاء في الشفرة المكتوبة وتنفيذ عملية الحذف بحذر.

استفسارات عن برمجة website

السؤال

Zeina Almakdisi

رابط هذا التعليق

شارك على الشبكات الإجتماعية

4 أجوبة على هذا السؤال

Recommended Posts

أحمد رضا5

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Zeina Almakdisi

رابط هذا التعليق

شارك على الشبكات الإجتماعية

أحمد رضا5

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Mustafa Suleiman

إنشاء قاعدة البيانات

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية