كيفية عمل التحكم بمحتوى الواجهة الأمامية من خلال لوحة المدير؟

خدمة GitHub Pages لا توفر سوى إستضافة الملفات الساكنة Static Files أي ملفات HTML و CSS و JS وبعض الصور والفيديوهات .. إلخ، ولا يمكنك أن تقوم بتشغيل كود Backend عليها، لذلك إن أردت عمل لوحة تحكم Dashboard لتغير بعض المعلومات في الموقع الخاص بك، فستحتاج إلى إستضافة لتقوم بتشغيل كود مكتوب بـ Node.js (JavaScript) أو PHP أو Python أي لغة تطوير واجهات خلفية أخرى وعمل API، وفي الموقع الخاص بك تقوم بجلب اليبانات المطلوبة من الـ API وعرض هذه البيانات بالطريقة التي تريدها.

البيانات التي يتم جلبها من الـ API تكون مخزنة في قاعدة بيانات مثل SQLite أو MYSQL أو MongoDB ... إلخ، ويتم جلب هذه البيانات من قاعدة البيانات عند طلبها.

الهدف من كل ما سبق،  هو تخزين البيانات في قاعدة البيانات، بحيث يمكنك عمل لوحة تحكم تقوم بإستعمال الـ API الخاص بك لتعديل البيانات المخزنة في قاعدة البيانات:

ما يحدث في قاعدة البيانات، هو أنك تقوم بملء إستمارة form بها اسم الموقع الشخصي الخاص بك ولون خلفية الموقع على سبيل المثال، وعند الضغط على "حفظ" يتم إرسال طلب إلى الخادم عبر API تقوم أنت بإنشائه، ويتم حفظ هذه البيانات في قاعدة البيانات، وعند زيارة الموقع الشخص الخاص بك، سيتم إرسال طلب إلى الخادم عبر API تقوم بتحديده ليتم جلب البيانات المخزنة في قاعدة البيانات وعرضها بالشكل الذي تريده بإستعمال JavaScript

إذا كنت تملك حساب github هذا والمشروع التابع له وهو الموقع الألكتروني الذي تعمل عليه فكل ما تحتاجه هو أجراء التغييرات التي تريدها على مشروعك في حاسبوك مثلاً تضيف صفحة جديدة وتعمل git add ثم تعمل git commit ثم git push بنفس الطريقة التي رفعت بها مشروعك الى حساب github أو مرة.

بتاريخ 3 دقائق مضت قال علي محسن:

إذا كنت تملك حساب github هذا والمشروع التابع له وهو الموقع الألكتروني الذي تعمل عليه فكل ما تحتاجه هو أجراء التغغيرات التي تريدها على مشروعك في حاسبوك مثلاً تضيف صفحة جديدة وتعمل git add ثم تعمل git commit ثم git push بنفس الطريقة التي رفعت بها مشروعك الى حساب github أو مرة.

انا اعرف ولاكني اريد عمل dashboard page

بتاريخ الآن قال Mohamed Montaser3:

انا اعرف ولاكني اريد عمل dashboard page

حسناً ماهي المشكلة بالضبط؟  يرجى توضيح سؤالك.

بتاريخ 1 دقيقة مضت قال علي محسن:

حسناً ماهي المشكلة بالضبط؟  يرجى توضيح سؤالك.

انا اريد عمل dashboard علشان لما اعمل موقع جديد اضيفه علي طول من هذه ال dashboard وليس كل مره ادخل الا الكود فانا اسال كيف يمكنني التحكم في الموقع الخاص بي من dashboard

بتاريخ 2 دقائق مضت قال Mohamed Montaser3:

انا اريد عمل dashboard علشان لما اعمل موقع جديد اضيفه علي طول من هذه ال dashboard وليس كل مره ادخل الا الكود فانا اسال كيف يمكنني التحكم في الموقع الخاص بي من dashboard

بداية موقعك الألكتروني هو من النوع static أي  أن البيانات التي تعرض فيه ليست مرتبطة بخادم خارجي أليس كذلك؟ تحتاج تتعلم كيف تبني واجهتين أمامية وخلفية لغرض التحكم بمحتوى الواجهة الأمامية من خلال لوحة أدمن خاصة بك مثلاً. لكن ربما يمكنك تعلم wordpress لحل هذا الإشكال حيث يتيح لك التحكم بالقوالب والصفحات

بتاريخ الآن قال علي محسن:

بداية موقعك الألكتروني هو من النوع static أي  أن البيانات التي تعرض فيه ليست مرتبطة بخادم خارجي أليس كذلك؟ تحتاج تتعلم كيف تبني واجهتين أمامية وخلفية لغرض التحكم بمحتوى الواجهة الأمامية من خلال لوحة أدمن خاصة بك مثلاً. لكن ربما يمكنك تعلم wordpress لحل هذا الإشكال حيث يتيح لك التحكم بالقوالب والصفحات

انا متعلم front end , back end ولكن اسال كيفية عملها !

بتاريخ 5 دقائق مضت قال Mohamed Montaser3:

انا متعلم front end , back end ولكن اسال كيفية عملها !

إذا كنت تريد إضافة الصفحات بكامل محتوياتها من html و css  و javascript من لوحة الأدمن وبدون أن تدخل الى المشروع وتكتب الكود بمحرر الأكواد  وترفعه الى host, فهذا يعني أنك ستنشئ platform يشبه wordpress. يمكنك البحث في google عن هذا ولكن للعلم الأمر ليست بتلك البساطة. أما إذا كنت تريد فقط تحديث بيانات صفحة معينة مسبقة الإنشاء, تحديث بياناتها من خلال لوحة الأدمن فهذا سهل جداً وعليك أخبارنا ماذا تستعمل للbackend حتى نرشدك بهذا الخصوص.

بتاريخ الآن قال علي محسن:

إذا كنت تريد إضافة الصفحات بكامل محتوياتها من html و css  و javascript من لوحة الأدمن وبدون أن تدخل الى المشروع وتكتب الكود بمحرر الأكواد  وترفعه الى host, فهذا يعني أنك ستنشئ platform يشبه wordpress. يمكنك البحث في google عن هذا ولكن للعلم الأمر ليست بتلك البساطة. أما إذا كنت تريد فقط تحديث بيانات صفحة معينة مسبقة الإنشاء, تحديث بياناتها من خلال لوحة الأدمن فهذا سهل جداً وعليك أخبارنا ماذا تستعمل للbackend حتى نرشدك بهذا الخصوص.

انا استعمل node js في ال back end و نعم انا فقط اريد ان اضيف card في صفحه مسبقه فقط html

بتاريخ 1 دقيقة مضت قال Mohamed Montaser3:

انا استعمل node js في ال back end و نعم انا فقط اريد ان اضيف card في صفحه مسبقه فقط html

نعم المحتوى الديناميكي الذي تريد تغييره تحتاج أن تحفظه في قاعدة البيانات في جدول معين وبأسماء معينة وعند التعديل عليها من لوحة الأدمن (يمكنك إستعمال مكتبة admin-bro/express) يظهر لك التحديث الذي عملته في الواجهة الامامية عند تحديث الصفحة.

بتاريخ 1 دقيقة مضت قال علي محسن:

نعم المحتوى الديناميكي الذي تريد تغييره تحتاج أن تحفظه في قاعدة البيانات في جدول معين وبأسماء معينة وعند التعديل عليها من لوحة الأدمن (يمكنك إستعمال مكتبة admin-bro/express) يظهر لك التحديث الذي عملته في الواجهة الامامية عند تحديث الصفحة.

هل يمكنك شرح اكثر مع كود او يوجد فيديو يشرح ذالك 

بتاريخ 10 دقائق مضت قال Mohamed Montaser3:

هل يمكنك شرح اكثر مع كود او يوجد فيديو يشرح ذالك 

يمكنك الإستعانة ب google. نحن هنا نساعدك بقدر الممكن لكن لايمكن أن نكتب الكود بدلاً عنك. حاول أن تبدأ بالمشروع وعندما تواجه مشكلة يمكنك طرحها من جديد وستجد من يساعدك.