دورة مكثفة 101
10 وحدات
5 أسابيع

الواجهة الأمامية والخلفية

انقر للنسخ

أساسيات الواجهة الأمامية والخلفية


حسنًا ، اكتشفنا التطبيقات ، وقمنا بالتصنيف الأساسي ، وقمنا بفرز أنواع تطبيقات الويب. لكن كيف تعمل على أي حال؟

وهنا نصل إلى مصطلحات مهمة جدًا.

الواجهة الأمامية والخلفية

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

وبنفس الطريقة ، يتم تنظيم كل شيء في تطبيقات الويب.

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

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

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

نتقدم بطلب لعرض الموقع وتلقي الرد. ما هي الكتل التي تحتوي عليها ، وأين توجد ، وكيف تبدو ، وما هي الخطوط المستخدمة. نضغط على زر ويذهب الأمر إلى الخادم لحساب بعض المعلومات وإصدار إجابة وتقديم حل للمشكلة. يعد نظام الطلب والاستجابة ، Request-Response ، حجر الزاوية لكيفية عمل جميع تطبيقات الويب.

يذهب الطلب عبر الإنترنت إلى الخادم ، إلى الجانب غير المرئي لأعيننا ، إلى " الواجهة الخلفية ". في الوقت نفسه ، يحتوي الطلب نفسه أيضًا على معلومات معينة ، ولديه بعض المعلمات. بناءً على هذه المعلومات ، تقرر الواجهة الخلفية الرد الذي تريد إرساله (أو يمكنها الإيماء بأدب ، والإقرار باستلام الطلب ، ولكن لا ترسل أي بيانات أخرى).

HTTP

يسمى بروتوكول نقل البيانات نفسه HTTP - HyperText Transfer Protocol. يمكنك رؤية هذه الأحرف الأربعة في بداية شريط عنوان المتصفح. هذا يعلم أن التفاعل سيتم تنفيذه باستخدام بروتوكول HTTP. يمكننا القول إن الطرفين اتفقا على اللغة التي سيتواصلان بها.

ولا تدع اسمه يخدعك. في الواقع ، في فجر الإنترنت ، تم تصميم البروتوكول حصريًا للنص التشعبي. أي ، نص به روابط ، مع القدرة على الانتقال إلى صفحة أخرى ، والحصول على نص آخر. يتيح لك الآن نقل أي بيانات: صور مضحكة وأغاني ومقاطع فيديو رقص من Tik-Tok.

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

قواعد بيانات

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

لهذا الغرض ، تعمل " قواعد البيانات " (DB). يقومون بتخزين البيانات في شكل منظم. وهناك أنظمة تدير هذه البيانات - DBMS (نظام إدارة قواعد البيانات). إنها تسمح لك بكتابة بيانات جديدة إلى قاعدة البيانات ، والحصول على البيانات من هناك ، وتغييرها ، وحذفها (يُشار إلى كل هذا معًا بالاختصار CRUD - إنشاء ، قراءة ، تحديث ، حذف). سنقوم أيضًا بدراسة كل هذا بالتفصيل في الوحدات المستقبلية. دعنا نتعرف على قواعد البيانات بشكل عام ، وكيف يتم تنظيم عملها ومدى سهولة إدارتها في AppMaster.io .

Was this article helpful?
لا تزال تبحث عن إجابة؟