دليل شامل لإنشاء صفحات الويب تلقائيًا باستخدام PHP في عام 2023

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

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

1. نحتاج أولاً إلى إنشاء قالب صفحة ويب أساسي.

هذا مجرد هيكل عظمي لصفحة الويب القياسية. يمكنك تسميته باسم "pageBuilder.php" أو شيء من هذا القبيل. ليس عليك استخدام PHP لهذا الغرض. يمكنك استخدام لغة برمجة أخرى ، ولكن في هذا المثال ، سنبقي الأمور بسيطة ونفعلها كلها في PHP.

2. إضافة Bootstrap

سيساعد هذا في جعل النموذج يبدو أفضل دون أي عمل إضافي. بالطبع ستحتاج إلى Bootstrap حتى يعمل هذا.

3. قم بإعداد حاوية

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

4. قم بإنشاء نموذج ويب

حدد نموذج ويب ، وسنضيف أيضًا عنوانًا مميزًا للنموذج ، وهو أمر اختياري ولكنه فكرة جيدة.

5. أضف حقول النموذج

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

• صورة الخلفية للصفحة
• اسم الحدث الذي يتم الاحتفال به
• عنوان رئيسي
• البيان الافتتاحي
• بعض اقتباس مبتذلة أو بيان إضافي
• الإحالة لمقولة مبتذلة
• نمط الخط المراد استخدامه لكل عنصر من عناصر نص الإطار الأربعة (بتنسيقdiviبشكل مزدوج).
• النطاق الزمني الذي ستصبح القسائم صالحة له
• عرض 1 وعرض 2 الذي سيتم الإعلان عنه على القسائم.
• رسائل قسيمة إضافية (شروط وأحكام ، على سبيل المثال)
• بيانات عن رموز QR قسيمة التي سيتم إنشاؤها

إليك كيف يبدو ذلك:

وبعد كل هذا الجهد ، سننتهي بصفحة تبدو كالتالي:

 

والخبر السار هو أن نصف العمل قد اكتمل الآن ، وكان النصف الأكثر صعوبة واستهلاكًا للوقت. الباقي أسهل بكثير.

6. قم بإنشاء ملف معالج النموذج

بعد إنشاء نموذج ، تحتاج إلى بعض البرامج التي تعالج البيانات المقدمة وتفعل شيئًا ما بها. في هذه الحالة ، سنستخدم البيانات المقدمة لإنشاء ملف HTML .

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

يجب تسمية الملف بنفس اسم الملف عمل قيمة السمة في إعلان النموذج ، لذلك في مثالنا الذي سيكون voucherGen.phpولأننا لم نحدد مسارًا ، فسيتعين تخزينه في نفس الموقع pageBuilder.php من أجل أن تعمل.

7. تهيئة المتغيرات

البيانات المقدمة من pageBuilder.php تمت إعادته كصفيف جمعي يسمى $ _ وظيفة، ويمكن الوصول إلى جميع قيم البيانات في المصفوفة عبر التحكم في نموذج HTML الاسم السمات. لذلك فإن تهيئة المتغيرات الخاصة بنا أمر سهل للغاية. إنه اختياري أيضًا ، لكنه يجعل الكود يبدو أكثر ترتيبًا وأسهل في القراءة. يمكنك بالتأكيد العمل مباشرة مع $ _ وظيفة القيم إذا كنت تفضل ذلك.

 8. استخدم الشروط لتغيير الخطوط إلى قيمها الصحيحة

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

9. تبدأ بناء سلسلة المولدات

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

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

10. ابدأ في إضافة نص الصفحة إلى سلسلة المولدات

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

11. اكتب سلسلة المولد إلى HTML

في هذه الحالة ، نحن بصدد ترميز اسم الملف ، ولكن يمكنك (وربما ينبغي) جعل هذا الحقل في نموذج pageBuilder الخاص بك.

12. أضف رابط اختبار

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

13. قم بإنشاء ملف CSS مخصص

يمكنك تخزين تعليمات تصفيف إضافية في هذا الملف ، ولكن الآن المهم الوحيد هو تعليمات التصميم الخاصة بـ رئيسي شعبة.

14. إنشاء وتحميل wrap.png

لكي يعمل هذا بشكل صحيح ، تحتاج إلى إنشاء صورة بكسل شفافة واحدة وتسميتها wrap.png ثم تحميله على المسار الذي حددته في custom.css ملف.

15. قم بتحميل بعض صور الخلفية المناسبة واختبر الصفحة الخاصة بك

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

مما يؤدي إلى إنشاء شيء مشابه تمامًا لما يلي:

لقد خمّنت بالفعل أنك لا تريد كتابة كل هذا من الصفر ، لذا يمكنك تنزيل شفرة المصدر للصفحة pageBuilder.php و voucherGen.php في هذا ملف مضغوط.

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