[البرنامج التعليمي] القارورة الأولى: أساسي

نظرًا لأن لدي بعض وقت الفراغ للراحة (من القيام بالمشاريع أو ممارسة الألعاب لفترة من الوقت) ، فقد قررت كتابة هذه المقالة (أو ربما مقالات) حول تطوير الويب باستخدام Flask (Python). لن أتوقف لشرح ماهية Flask ، لقد شرحوا ذلك بالفعل في Hypertext ويشرحون ذلك أفضل مني.

إذا لم تكن لديك معرفة بلغة Python و HTML5 ، فمن الأفضل عدم المتابعة وقراءة وثائق وأدلة Python و HTML5 أولاً

تركيب

في هذه المرحلة (مهما كان نظام التشغيل) يجب أن يكون لدينا Python مثبتًا بالفعل ، لذلك علينا فقط تثبيت Flask

$ sudo pip install Flask

قراءة سهلة؟

مرحبا بالعالم

في Flask يمكننا إنشاء "Hello World" الكلاسيكي بالطريقة التالية:

قارورة 1

نقوم فقط بحفظ الكود الخاص بنا باسم hello.py وتشغيله

$ python hello.py
* Running on http://localhost:5000/

الآن تطبيقنا يعمل على http: // localhost: 5000 /

سهل جدا ، أليس كذلك؟

مدونة بسيطة

الخطوة 0: إنشاء المجلدات

قبل أن نبدأ ، نحتاج إلى المجلدات التالية لتطبيقنا:

المجلدات

يمكن أن يكون لمجلد المشروع أي اسم تريده ، فهو مجرد المجلد الذي سيكون لديك فيه التطبيق الخاص بك. في المجلد الثابت ستكون الملفات المتاحة للمستخدمين عبر HTTP. هذا هو المكان الذي يجب أن تضع فيه ملفات css و js. مجلد القوالب هو المكان الذي ستكون فيه القوالب (html5) لتطبيقك.

الخطوة الأولى: مخطط قاعدة البيانات

سنقوم أولاً بإنشاء مخطط قاعدة البيانات. بالنسبة لهذا التطبيق ، سنحتاج فقط إلى قاعدة بيانات. فقط أدخل الكود التالي في ملف يسمى "schema.sql" في مجلد المشروع.

مخطط

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

الخطوة الثانية: رمز التطبيق الأولي

الآن بعد أن أصبح لدينا التخطيطي يمكننا إنشاء وحدة التطبيق. دعنا نسميها flaskr.py ، والتي يجب أن تكون داخل مجلد المشروع. للبدء ، سنضيف عمليات الاستيراد الضرورية ، بالإضافة إلى قسم التكوين. في التطبيقات الصغيرة يمكننا ترك التكوين مباشرة في الوحدة التي سنفعلها. ومع ذلك ، فإن أفضل وأصدق شيء هو إنشاء ملف تكوين .ini أو .py وتحميله واستيراد القيم من هناك.

في ملف flaskr.py:

py

مطلوب مفتاح secret_key للحفاظ على الجلسات آمنة. اختر هذا المفتاح بحكمة. تعمل علامة التصحيح على تمكين أو تعطيل مصحح الأخطاء التفاعلي. لا تترك تصحيح الأخطاء ممكّنًا على نظام الإنتاج أبدًا ، حيث سيسمح للمستخدمين بتشغيل التعليمات البرمجية على الخادم الخاص بك!

الآن يمكننا إنشاء تطبيقنا والبدء بالتكوين في flaskr.py:

التطبيق

سنقوم أيضًا بإضافة طريقة للاتصال بسهولة بقاعدة البيانات المحددة. يمكن استخدام هذا لفتح اتصال عند الطلب. سيكون هذا مفيدًا لاحقًا.

table4

أخيرًا ، نضيف سطرًا في نهاية الملف الذي سينفذه الخادم إذا أردنا تنفيذ الملف كتطبيق مستقل:

table5

مع ذلك يجب أن تكون قادرًا على تشغيل التطبيق دون مشاكل. الآن نستخدم الأمر التالي:

$ python flaskr.py

سترى رسالة تشير إلى أن الخادم قد بدأ مع عنوان URL.

إذا قمنا بالوصول إلى عنوان URL ، فسوف يعطينا خطأ 404 ، نظرًا لأنه ليس لدينا موقع ويب حتى الآن. لكننا سنركز على ذلك بعد قليل. أولاً يجب أن نجعل قاعدة البيانات تعمل.

الخطوة الثالثة: إنشاء قاعدة البيانات

محتوى المقال يلتزم بمبادئنا أخلاقيات التحرير. للإبلاغ عن خطأ انقر فوق هنا.

6 تعليقات ، اترك لك

اترك تعليقك

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها ب *

*

*

  1. المسؤول عن البيانات: ميغيل أنخيل جاتون
  2. الغرض من البيانات: التحكم في الرسائل الاقتحامية ، وإدارة التعليقات.
  3. الشرعية: موافقتك
  4. توصيل البيانات: لن يتم إرسال البيانات إلى أطراف ثالثة إلا بموجب التزام قانوني.
  5. تخزين البيانات: قاعدة البيانات التي تستضيفها شركة Occentus Networks (الاتحاد الأوروبي)
  6. الحقوق: يمكنك في أي وقت تقييد معلوماتك واستعادتها وحذفها.

  1.   فاوستينو قال

    مرحبا شكرا على المقال. ما رأيك في جعل كل الطرق معًا بأسلوب Django؟ ما هي مزايا وجود مسار لكل وظيفة بأسلوب Express أو Flask أو Bottle؟

    1.    إيفان مولينا ريبوليدو قال

      لم أجرب Django (اقتلني إذا أردت) لكن يمكنني القول إن ذلك لراحة من يبرمج. (صححني إذا كنت مخطئا)

  2.   إيفان مولينا ريبوليدو قال

    المقال لم ينته !! من تجرأ على نشره؟ د:

  3.   جيلي قال

    أخطاء إملائية مثل هروب "conciste" ، يقول المؤلف نفسه في تعليقه "Corriganme" ، سيكون من الجيد وجود مدقق إملائي مثبت وإلقاء نظرة على الخطوط الحمراء التي تظهر أسفل بعض الكلمات. وصحيح أيضًا أنه لم ينته من كتابتها وبالتالي مراجعتها.

  4.   erm3nda قال

    أعتقد أنني لست الوحيد الذي كان مثل الأحمق يبحث عن الزر التالي ... لقلب الصفحة "أو شيء من هذا القبيل."

  5.   لينوج قال

    نأمل أن يأتي المزيد ، عمل جيد للغاية