مثال تعليمي لـ Ultradev: 5 إنشاء خلفية موقع ويب بسيطة نسبيًا (2)
الكاتب:Eve Coleوقت التحديث:2009-05-26 16:34:27
قم أولاً بإنشاء صفحة رئيسية، وهي تحتوي على آخر 5 سجلات إخبارية محدثة. باستخدام وظيفة عرض سجل Ultradev التي تعلمناها، يمكنك بسهولة إنشاء صفحة كما هو موضح أدناه:
كيفية عرض آخر 5 سجلات محدثة؟ دعنا نلقي نظرة على مربع الحوار الخاص بإنشاء مجموعة سجلات:
إذا اتبعنا الطريقة العامة لإنشاء مجموعة سجلات، فإن المحتوى المعروض في عمود SQL في الصورة أعلاه سيكون:
حدد المعرف والعنوان وinsert_time (نحتاج فقط إلى عرض العنوان ووقت تسجيل الأخبار، ولا يلزم أن يكون محتوى الأخبار واقعيًا، لذلك ليست هناك حاجة لتحديد حقل المحتوى)
من المادة
قمنا بتعديلها لتبدو كما هو موضح أعلاه. أعلى 5 تعني أنني قمت بتحديد 5 سجلات فقط، ويعني ORDER BY ID DESC أنه يتم تحديد السجلات من الخلف إلى الأمام وفقًا لحقل المعرف (DESC يعني ترتيب تنازلي، ويتم ترقيم حقل المعرف تلقائيًا، أي أن الافتراضي هو ترتيب تصاعدي)، وهذا يحقق فكرتنا في الذهاب إلى آخر 5 سجلات محدثة.
عند إضافة سلوك منطقة التكرار لسلوكيات الخادم، اختر عرض جميع السجلات (لأننا جلبنا 5 سجلات فقط). لا بد أن الأصدقاء الحذرين قد فكروا في هذا الوقت، أوه، يمكنني أيضًا أن أدرك فكرة عدد السجلات التي أريد عرضها من خلال عرض عدد السجلات في صفحة واحدة هنا! نعم، هذا صحيح، يمكنك اختيار عرض 5 سجلات في كل صفحة، وهو ما يمكن أن يحقق أيضًا التأثير الذي نريد تحقيقه --- ولكن لا تنس، يعد الترتيب حسب معرف DESC أمرًا ضروريًا ^_^
ثم نختار {RECORDSET1.title} في خلية العنوان ونضيف سلوك الخادم ---- اذهب إلى صفحة التفاصيل إليه، كما هو موضح في الشكل:
هدفنا هو تمرير قيمة معرّف إلى صفحة Detail.asp بحيث يمكنها استرداد السجلات التي نريدها بشكل صحيح. بعد الانتهاء من ذلك، قم بإضافة اتصال "المزيد" يشير إلى more.asp لعرض المزيد من سجلات الأخبار.
تأثير الصفحة كما هو موضح في الشكل:
في صفحة more.asp، نحتاج فقط إلى تعديل الصفحة الرئيسية الآن لاستخدامها. افتح مربع الحوار لإنشاء مجموعة سجلات، وقم بإزالة أعلى 5 أضفناها (سيؤدي ذلك إلى إزالة جميع السجلات الموجودة في جدول قاعدة البيانات)، ثم قم بتعديل عدد العناصر المعروضة في كل صفحة من صفحات منطقة التكرار إلى 10، ثم احذف المزيد اتصال، ثم أدخل إدراج -> الكائنات الحية -> شريط التنقل لمجموعة السجلات، حتى نتمكن من قلب الصفحات لعرض الأخبار. الصفحة كما هو موضح :
بعد ذلك، سنقوم بإنشاء صفحة تفاصيل الأخبار (أي Detail.asp). كما ذكرنا أعلاه فإن أهم ما نقوم به في صفحة Detail.asp هو الحصول على القيمة التي تم تمريرها من الصفحة السابقة، وهنا هي ID=x. كما هو موضح في الصورة:
ما عليك سوى النزول وإنشاء بعض الجداول وسحب العناصر الموجودة في السجل الذي تم إنشاؤه واحدًا تلو الآخر، كما هو موضح في الشكل:
في هذه المرحلة، اكتملت صفحة الواجهة الأمامية، وسنحتاج بعد ذلك إلى إنشاء صفحة إدارة الواجهة الخلفية.
في الأصل، يجب أن يكون التسلسل الصحيح هو إنشاء صفحة إدارة الواجهة الخلفية أولاً، وبعد ذلك فقط إنشاء صفحة الواجهة الأمامية عندما يمكن إضافة البيانات وحذفها وتحريرها بشكل صحيح. لأنه بعد كل شيء، فإن الصفحة الأمامية مخصصة فقط لعرض البيانات، وإذا لم تتمكن من إضافة البيانات، فستكون عديمة الفائدة بغض النظر عن مدى جمال صفحتك الأمامية، وإذا قمت بإنشاء صفحة إدارة الواجهة الخلفية. لا يتعين عليك متابعة جمال الصفحة كثيرًا، وإذا ارتكبت خطأ ما، فستحتاج إلى مراجعتها مرة أخرى، كما أنها سريعة، على عكس مكتب الاستقبال، حيث بمجرد تصميم الصفحة، يكون الأمر شاقًا للغاية قم بتغييره (على الرغم من أن Ultradev جعل هذه المهمة بسيطة نسبيًا، إلا أنها لا تزال عرضة للمشاكل). ومع ذلك، نظرًا لأن صفحاتنا بسيطة نسبيًا وبنية البيانات بسيطة وخالية من الأخطاء، فلن نؤكد على هذه النقطة. لكن أيها الأصدقاء، عند القيام بذلك في المستقبل، من الأفضل القيام بذلك بترتيب خلف الكواليس -> أمام الكواليس. الفصل الخامس: إنشاء واجهة خلفية بسيطة نسبيًا لموقع الويب (2)
يمكن تقسيم صفحة إدارة الخلفية إلى ثلاثة أجزاء:
إضافة البيانات
تحرير البيانات وحذفها
التحقق من تسجيل الدخول
لنبدأ بإضافة البيانات. من الدراسة السابقة، نعلم أنه من السهل للغاية إنشاء صفحة إضافة بيانات في Ultradev، ما عليك سوى إدراج -> الكائنات الحية -> نموذج إدراج مجموعة السجلات. كما هو موضح في الصورة، فهي صفحة لإضافة الأخبار، كما أن إضافة مستخدم مسؤول أمر مشابه، لذلك لن أخوض في التفاصيل:
بعد الانتهاء من الإنشاء كما هو موضح في الصورة:
هذه هي الصفحة لإضافة مستخدمين جدد:
افتح المتصفح وشاهد التأثير:
ولكن هنا تأتي مشكلتنا. بعد إضافة البيانات المتأخرة، افتح صفحة المعلومات التفصيلية المقابلة من الصفحة الرئيسية. في هذا الوقت، سترى أن البيانات التي تم تقسيمها بوضوح عند إضافتها للتو أصبحت الآن مزدحمة في كرة. لقد اختفت الأجزاء الأصلية!
لا بد أن جميع مستخدمي الإنترنت الذين يستخدمون برنامج UltraDev قد واجهوا ظاهرة ضغط النص الموجود على صفحة asp في كرة بعد تصديره من قاعدة البيانات، واختفاء المسافات وفواصل الأسطر التي تم إدخالها في الأصل. لأن المسافات وفواصل الأسطر في قاعدة البيانات لا تتم معالجتها على الإطلاق في عبارة asp. بالطبع، يمكن لمستخدمي الإنترنت الذين تعلموا برمجة asp إضافة التعليمات البرمجية الخاصة بهم لتحويل المسافات وفواصل الأسطر في قاعدة البيانات إلى أكواد html، أو يمكنهم أولاً تحويل المسافات وفواصل الأسطر إلى أكواد html عند إرسال النص إلى قاعدة البيانات ثم إخراجه. ولكن بغض النظر عن الطريقة المستخدمة، فهي بلا شك بمثابة كابوس لمستخدمي الإنترنت الذين لم يتعلموا لغة asp. حتى إذا تعلمت التحويل، فلا تزال بحاجة إلى تعديل الكود المصدري يدويًا في كل صفحة من صفحات asp، وهو ما يستغرق وقتًا طويلاً وشاقة، ولم يكن هناك حل مناسب للغاية لفترة طويلة.
ما يجب القيام به؟ هاها، لا تقلق، هنا نحتاج إلى استخدام وظيفة المكون الإضافي التي تحدثنا عنها من قبل.
سنستخدم هنا مكونًا إضافيًا — تنسيق Spdesign لمساعدتنا في تنفيذ إحدى الوظائف (انقر هنا لتنزيل المكون الإضافي). بعد ذلك، أوصيك بمكون إضافي UltraDev يمكنه حل هذه المشكلة: طريقة الاستخدام بسيطة جدًا، ما عليك سوى تطبيق أمر المكون الإضافي بعد تحديد البيانات الديناميكية لإكمال تنسيق المسافات وفواصل الأسطر.
كما هو موضح في الشكل بعد تثبيت البرنامج الإضافي
كيفية تطبيق هذا البرنامج المساعد؟ انها بسيطة جدا انظر الصورة أدناه هل هي واضحة في لمحة؟ *_"
بعد تطبيق المكون الإضافي، قم بمراجعة صفحتنا مرة أخرى، هل هذا هو التأثير الذي تريده؟
تعد إضافة صفحة سجل أمرًا بسيطًا نسبيًا، إذا قرأت بعناية ما قلناه من قبل وقمت ببعض التمارين، فأعتقد أنك ستتمكن من القيام بذلك قريبًا. حسنًا، بعد ذلك، سنتحدث عن تحرير السجلات وحذفها. لقد قمنا بتحليلها من قبل لتحرير السجلات وحذفها، نحتاج في الواقع إلى تمرير قيمة من صفحة إلى صفحة أخرى، ثم استخدام الصفحة الأخرى لاستخراج السجل المقابل والفريد بناءً على القيمة التي تم تمريرها لتطبيق التحرير فعل الحذف. لذلك، نحتاج أولاً إلى إنشاء صفحة لتمرير القيم. هذه الصفحة بسيطة للغاية، وهي في الواقع صفحة عرض بيانات، ولكن تتم إضافة اتصالين: تعديل هذين الاتصالين وحذفهما وتحديدهما، وتطبيق سلوك الانتقال إلى صفحة التفاصيل في سلوكيات الخادم: Change_article.asp وdel_article.asp على التوالي. (هنا نأخذ تحرير وحذف الأخبار كمثال، وإدارة المستخدم هي نفسها)