في الآونة الأخيرة، من أجل الاستفادة الكاملة من موارد الكتب وتسهيل استفسارات الموظفين، قررت الشركة إنشاء نظام استعلام عن الكتب على الشبكة الداخلية للشركة. بالنظر إلى أن الشركة ليس لديها العديد من الكتب، فقط أكثر من 1000 مجلد، ومعظمها كتب احترافية، قررت أن أقوم بشرطين للاستعلام: الأول هو الاستعلام بناءً على فئة الكتاب، ويحتاج المستخدم فقط إلى تحديد المقابلة الفئة لعرض جميع الكتب الموجودة في هذه الفئة، وهي مخصصة بشكل أساسي للأشخاص الذين ليسوا على دراية بكتب الشركة؛ والثاني هو الاستعلام بناءً على اسم الكتاب، ويمكن للمستخدمين البحث بسرعة عن جميع الكتب التي تستوفي الشروط عندما يدخلون اسم الكتاب.
تم تحديد الخطة، والسؤال التالي هو ما هي البرامج التي يجب استخدامها وكيفية القيام بذلك. هنا اخترت شكل صفحة الويب، حتى يتمكن الزملاء من الاستعلام طالما أنهم يفتحون المتصفح ويدخلون العنوان المقابل. لذلك، أستخدم برنامج Dreamweaver (المشار إليه فيما يلي باسم dw)، وهو أداة قوية لإنتاج صفحات الويب، والوصول إلى قاعدة البيانات، وWin98 وpws كبيئة (ملاحظة المحرر: للحصول على دروس حول استخدام PWS، يرجى الرجوع إلى " فهم متعمق لخادم Microsoft الشخصي PWS One" و"فهم متعمق لخادم Microsoft الشخصي PWS الجزء 2" "فهم متعمق لخادم Microsoft الشخصي PWS الجزء 3" "فهم متعمق لخادم Microsoft الشخصي PWS الجزء 4 "). البداية الرسمية للجونغ هي الآن.
انقر هنا لتنزيل الكود المصدري لهذا البرنامج التعليمي
أولاً، قم بإعداد قاعدة البيانات:
1. قم بإنشاء مجلد جديد ضمن المستندات وقم بتسميته "المعهد". وبطبيعة الحال، يمكنك أيضًا إنشاء واحدة جديدة في مكان آخر وإعطائها اسمًا آخر.
2. افتح الوصول، وقم بإنشاء قاعدة بيانات جديدة db1، وقم بإنشاء جدولين leibie وtushu. حقل الاتصال بين الجداول هو "اسم الفئة".
تحتوي بنية الجدول leibie على حقلين:
(1) رقم الفئة، نوع النص، طول الحقل 6 أرقام، الحقل المطلوب، غير مسموح بالسلاسل الفارغة؛
(2) اسم الفئة، نوع النص، طول الحقل 20 حرفًا، الحقل المطلوب، غير مسموح بالسلاسل الفارغة.
يحتوي هيكل طاولة توشو على تسعة حقول:
(1) الرقم ونوع النص وطول الحقل هو 6 أرقام؛
(2) عنوان الكتاب، نوع النص، طول الحقل 60 حرفًا، الحقل مطلوب، غير مسموح بالسلاسل الفارغة.
(3) المؤلف، نوع النص، طول الحقل 50 حرفًا؛
(4) الناشر، نوع النص، طول الحقل 60 حرفًا؛
(5) الطبعة، نوع النص، طول الحقل هو 15 رقما؛
(6) سعر الوحدة، نوع العملة، منزلتان عشريتان مسموح بهما، القيمة الافتراضية هي 0 يوان؛
(7) اسم الفئة، نوع النص، طول الحقل 20 حرفًا، الحقل المطلوب، غير مسموح بالسلاسل الفارغة.
(8) ما إذا كان سيتم الإقراض، ونوع النص، وطول الحقل هو 4 أرقام، والحقل المطلوب، ولا يُسمح بإدخال سلسلة فارغة، والقيمة الافتراضية هي لا.
(9) الملاحظات، نوع الملاحظة.
3. أدخل بيانات مختلفة وفقًا لبنية الجدول.
ثانياً: إعداد الموقع والاتصال بقاعدة البيانات:
(١) إعداد الموقع. افتح dw، وحدد موقعًا جديدًا ضمن قائمة الموقع، وستنبثق لوحة إعداد الموقع. أدخل اسم الموقع في المعهد، والدليل هو الدليل الذي أنشأناه للتو، كما هو موضح في الشكل 1. حدد Asp VBScript لطراز الخادم. في خيار Testing Server، وحدد Local/Network for Access.
الشكل 1
(2) قم بإنشاء صفحة ويب جديدة لأن الاستعلام عبارة عن صفحة ديناميكية، حدد Dynamic page وAsp VBScript في اللوحة المنبثقة، كما هو موضح في الشكل 2. اضغط على زر إنشاء للعودة إلى الصفحة.
الشكل 2
(3) الاتصال بقاعدة البيانات. قم بتوسيع لوحة التطبيق على اليمين، وحدد علامة التبويب قواعد البيانات، واضغط على الزر "+"، وحدد اسم مصدر البيانات (DSN)، كما هو موضح في الشكل 3.
الشكل 3
(4) في لوحة اسم مصدر البيانات (DSN) المنبثقة (كما هو موضح في الشكل 4)، حدد الزر تعريف... للدخول إلى مدير مصدر بيانات ODBC، وحدد تسمية DSN للنظام، وانقر فوق الزر إضافة، و حدد برنامج تشغيل البيانات "Driver do Microsoft Access(*.mdb)"، وانقر فوق الزر "إنهاء".
الشكل 4
(5) حدد مسار قاعدة البيانات (الدليل الذي أنشأناه للتو) في اللوحة التالية، وحدد db1، وأدخل db1 كاسم مصدر البيانات، كما هو موضح في الشكل 5.
الشكل 5 (6) انقر فوق الزر "موافق" للعودة إلى لوحة إدارة مصدر بيانات ODBC. انقر فوق الزر "موافق" مرة أخرى للعودة إلى لوحة اسم مصدر البيانات (DSN). انقر فوق زر الاختبار. إذا انبثقت لوحة النجاح كما هو موضح في الشكل 6، فهذا يعني أن كل شيء على ما يرام وأن قاعدة البيانات قد تم توصيلها. وسيظهر مصدر البيانات الجديد db1 بالمثل في علامة التبويب قواعد البيانات في لوحة التطبيق على اليمين.
الشكل 6
الآن وبعد أن أصبح كل شيء جاهزًا، يمكنك إنشاء صفحة ويب للاستعلام الديناميكي.
1. قم بإنشاء صفحة رئيسية. الصفحة الرئيسية بسيطة للغاية، ما عليك سوى إنشاء رابطين للاستعلام، روابط "البحث حسب فئة الكتاب" إلى chaxun.asp، وروابط "البحث حسب اسم الكتاب" إلى chaxun1.asp، هاتان الصفحتان على الويب هما صفحات الويب الخاصة بالاستعلام التي سنبنيها أدناه . وبما أن الصفحة الرئيسية لا تتطلب برمجة ديناميكية، فيمكن حفظها بتنسيق htm. ويتم حفظ الملف في دليل المعهد وتسميته بالفهرس، كما هو موضح في الشكل 7.
الشكل 7
2. قم بإنشاء صفحة ويب للاستعلام حسب فئة الكتاب.
1. قم بإنشاء صفحة ويب ديناميكية جديدة وقم بتسميتها chaxun.asp.
2. قم بإنشاء مجموعة سجلات. حدد علامة التبويب Bindings في لوحة Application على اليمين، واضغط على زر علامة الجمع، وحدد Recordset (Query)، كما هو موضح في الشكل 8. ينبثق مربع الحوار Recordset، كما هو موضح في الشكل 9. الإعدادات بالداخل القيمة الافتراضية Recordset1، ويحدد Connection القيمة التي أنشأناها للتو الاتصال بـ db1. نظرًا لعرض فئة الكتاب، يقوم Table بتحديد الجدول leibie.
الشكل 8
الشكل 9 3. بعد اكتمال الإعدادات، انقر فوق زر الاختبار، ويمكنك أن ترى أن محتويات جدول leibie معروضة بالكامل. انقر فوق موافق للعودة إلى الصفحة في هذا الوقت، يمكننا رؤية الاستعلام المسمى Recordset1 الذي أنشأناه للتو معروضًا أسفل التسمية Binding.
4. أدخل المحتوى المعروض بشكل ثابت على صفحة الويب، كما هو موضح في الشكل 10، حيث يشير رابط "العودة" إلى ملف Index.htm للصفحة الرئيسية.
الشكل 10
5. انقر فوق علامة "+" بجوار Recordset1 أسفل تسمية الربط لتوسيع الحقل. اضغط مع الاستمرار على حقل "اسم الفئة" بالماوس واسحبه مباشرة إلى الخلية في الصفحة يحتوي على نص ديناميكي، ويظهر تأثير الصفحة في الشكل 11.
الشكل 11
كل ما في الأمر أن هذه الخلية يمكنها عرض صف واحد فقط الآن (يمكنك التحقق من المتصفح أولاً لمعرفة ما إذا كان سيتم عرضه بهذه الطريقة)، فكيف يمكننا عرض جميع محتويات الحقل؟
6. حدد الجدول، ثم حدد علامة التبويب سلوكيات الخادم في لوحة التطبيق على اليمين، واضغط على زر علامة الجمع، وحدد تكرار المنطقة. وبهذه الطريقة يمكنك التحكم في عدد السجلات التي يتم عرضها في صفحة واحدة. هنا، نظرًا لعدم وجود العديد من فئات الكتب، نختار All Records (عرض جميع السجلات) في مربع الحوار ونعرضها بدون ترقيم الصفحات، كما هو موضح في الشكل 12.
الشكل 12
7. قم بتشغيل pws، وقم بتعيين المسار، وافتح صفحة الويب هذه باستخدام متصفح، وتحقق مما إذا كانت جميع أسماء الفئات في قاعدة البيانات معروضة على الشاشة، ولكن لا يمكنك النقر فوقها بعد. حسنًا، فلنقم بإنشاء الصفحة المقابلة لعرض الكتب.
3. قم بإنشاء صفحة معروضة حسب استعلام الفئة
1. قم بإنشاء صفحة ويب ديناميكية جديدة وقم بتسميتها xianshi.asp.
2. قم بإنشاء مجموعة سجلات. حدد علامة التبويب Bindings في لوحة Application، واضغط على زر علامة الجمع، وحدد Recordset (Query)، وسيظهر مربع حوار Recordset كما هو موضح في الشكل 13. الاسم هو Recordset2 حدد tushu لجدول قاعدة البيانات معلومات الكتاب المعروضة على صفحة الويب بناء على الاستعلام السابق يتم عرض الشروط، لذلك لا بد من وضع شرط تقييد لاختيار الكتب التي تنطبق عليها الشروط، فكيف يتم نقل هذا الشرط وقبوله؟ يتطلب هذا استخدام معلمة URL. يمكنك استخدام هذه المعلمة لتمرير شروط الاستعلام من صفحة الويب الخاصة بالاستعلام، ثم قبول هذه المعلمة في صفحة الويب المعروضة لعرض السجلات المطابقة. الاستخدام المحدد هو كما يلي:
الشكل 13 (1) دعونا أولاً نعود إلى صفحة الاستعلام chaxun.asp. استخدم الماوس لتحديد الحقول في الجدول، ثم حدد علامة التبويب Server Behaviors (سلوكيات الخادم) في لوحة Application (التطبيق)، واضغط على زر علامة الجمع، وحدد Go To Detail Page (الانتقال إلى صفحة التفاصيل) سينبثق مربع الحوار Go To Detail Page (الإعدادات المحددة). في الشكل 14. صفحة التفاصيل هي صفحة الويب المعروضة لدينا xianshi.asp. ما يتم إدخاله في مربع النص "تمرير معلمة عنوان URL" هو اسم المعلمة الذي سيتم تمريره إلى صفحة التفاصيل من خلال عنوان URL. ولتسهيل الفهم، نقوم بإدخال "اسم الفئة". يمكن عرض هذا الاسم لاحقًا. أسماء المعلمات المحددة في صفحة الويب هي نفسها. مجموعة السجلات تعني مجموعة السجلات التي يتم تمريرها منها. نختار Recordset1. العمود يعني مصدر قيمة معلمة URL، ويجب أن يكون متسقًا مع شروط الاستعلام في صفحة الويب الخاصة بالاستعلام، لذا حدد "اسم الفئة". المعلمات الموجودة موجودة في وهي مرتبطة بالنموذج، ولكن النموذج غير مستخدم في صفحة الاستعلام هذه، لذلك لا يمكنك تحديده. انقر فوق الزر "موافق"، ويمكنك أن ترى أن الحقل الموجود في الجدول أصبح رابط نص تشعبي يحتوي على محتوى ديناميكي.
الشكل 14 (2) حسنًا، تم تعيين معلمة URL، عد الآن إلى صفحة الويب المعروضة xianshi.asp لقبول هذه المعلمة. حدد Recordset (Query)، سينبثق مربع الحوار Recordset، وقم بضبطه في Filter كما هو موضح في الشكل 13 أعلاه، مما يعني: شرط الاستعلام هو أن الحقل "اسم الفئة" في الجدول tushu يجب أن يكون مساوياً لعنوان URL الذي تم تمريره معلمة المعلمة "اسم الفئة"، بحيث يمكن الاستعلام عن صفحة الويب، وهي مرتبطة بعرض صفحة الويب.
(3) انقر على زر الاختبار للاختبار. يمكنك إدخال اسم فئة، وسيعرض dw سجلات الكتب المقابلة.
(4) انقر فوق الزر "موافق" للعودة إلى الصفحة. تم الآن إنشاء مجموعة السجلات.
3. أدخل المحتوى الثابت في صفحة الويب، كما هو موضح في الشكل 15. رابط "العودة" هو صفحة الويب الخاصة بالاستعلام chaxun.asp نظرًا لأن بعض الفئات تحتوي على العديد من الكتب، يتم تعيين العرض على الترحيل.
الشكل 15 4. استخدم الطريقة المقدمة أعلاه لسحب حقول مجموعة السجلات إلى المواضع المقابلة في الصفحة، كما هو موضح في الشكل 16.
الشكل 16 5. حدد الصف الثاني في الجدول، وانقر فوق تسمية سلوكيات الخادم في لوحة التطبيق، واضغط على زر علامة الجمع، وحدد تكرار المنطقة، وسينبثق مربع الحوار تكرار المنطقة لأنه معروض في الصفحات، اخترت عرض عدد قليل من العناصر في المرة الواحدة. هنا الإدخال هو 10، مما يعني أنه يتم عرض 10 سجلات في كل صفحة. يمكنك الدخول بحرية وفقًا للحالة، كما هو موضح في الشكل 17. انقر فوق الزر "موافق" للعودة إلى الصفحة.
الشكل 17 6. لأنها معروضة في صفحات وتحتاج إلى قلبها، كيف يمكن تحقيق ذلك في dw؟ الأمر بسيط جدًا. عليك أولاً تحديد "الصفحة الرئيسية"، ثم النقر فوق علامة التبويب "سلوكيات الخادم" في لوحة التطبيق. اضغط على زر علامة الجمع. يمكنك رؤية خيار "ترحيل السجلات". معنى هذه القوائم أعتقد أنه يجب على الجميع فهمها، كما هو موضح في الشكل 18. حدد "الانتقال إلى السجل الأول" الأول، وسيظهر مربع حوار، كما هو موضح في الشكل 19، انقر فوق الزر "موافق" للعودة إلى الصفحة، بحيث يكون الرابط الديناميكي لـ "الصفحة الرئيسية" جاهزًا، والآخر " "الصفحة السابقة" و"الصفحة التالية" و"الصفحة الأخيرة" وما إلى ذلك، وإنشاء روابط ديناميكية تتوافق معها.
الشكل 18
الشكل 19 7. إذًا كيف يعرف المستخدم أن السجل قد وصل إلى آخر سجل ولا يجب عليه التمرير أكثر من ذلك؟ هنا، قمت بحلها بهذه الطريقة. إذا وصل السجل إلى الصفحة الأخيرة، فسيتم إخفاء "الصفحة التالية" و"الصفحة الأخيرة" تلقائيًا على الصفحة. وبالمثل، إذا وصل السجل إلى الصفحة الأولى، فسيتم إخفاء "الصفحة الأولى". سيتم إخفاء الصفحة" و"الصفحة السابقة" تلقائيًا على الصفحة. وسيتم إخفاء الصفحة" تلقائيًا. فيما يلي طريقة التنفيذ المحددة:
(1) حدد أولاً "الصفحة الرئيسية"، ثم انقر فوق علامة التبويب "سلوكيات الخادم" في لوحة التطبيقات، ثم اضغط على زر علامة الجمع، ثم حرك الماوس إلى خيار "إظهار المنطقة" لعرض القائمة المنسدلة، كما هو موضح في الشكل 20.
الشكل 20 (2) اختر "إظهار المنطقة إذا لم يكن السجل الأول"، مما يعني أنه إذا لم يكن السجل الأول، فسيتم عرضه، وبالعكس، إذا كان السجل الأول، فلن يتم عرضه أو إخفائه.
(3) انقر فوق الزر "موافق" مباشرة في مربع الحوار المنبثق للعودة إلى الصفحة، بحيث تكون وظيفة الإخفاء التلقائي لـ "الصفحة الرئيسية" جاهزة.
(4) بنفس الطريقة، قم بإجراء العديد من وظائف الإخفاء التلقائي الأخرى. "الصفحة السابقة" هي نفس "الصفحة الرئيسية"، حدد "إظهار المنطقة إذا لم يكن السجل الأول"؛ "الصفحة التالية" هي نفس "الصفحة الأخيرة"، حدد "إظهار المنطقة إذا لم يكن السجل الأخير".
عند هذه النقطة، اكتملت الصفحة المعروضة بواسطة استعلام الفئة أخيرًا، فلنلقي نظرة على التأثيرات المحددة. قم بتشغيل pws، استخدم IE لفتح chaxun.asp، انقر فوق اسم فئة، مثل "أدوية جديدة"، سيعرض IE الكتب الموجودة في هذه الفئة تلقائيًا، انقر فوق "الصفحة التالية" و"الصفحة السابقة" وروابط أخرى لـ راجع التحقق مما إذا كان IE سيقلب الصفحات تلقائيًا، ويكون التأثير المحدد كما هو موضح في الشكل 21 و22.
الشكل 21
الشكل 22 4. قم بإنشاء صفحة ويب للاستعلام بناءً على عناوين الكتب
1. قم بإنشاء صفحة ويب ديناميكية جديدة وقم بتسميتها chaxun1.asp.
2. أدخل المحتوى المعروض بشكل ثابت على صفحة الويب، كما هو موضح في الشكل 23. رابط "العودة" هو إلى الصفحة الرئيسية Index.htm يشير الخط المنقط الأحمر إلى أن هذا نموذج. إعدادات السمات الخاصة بالنموذج هي كما يلي الموضح في الشكل 24، مما يعني نشر (تمرير) اسم متغير النموذج. انتقل إلى صفحة الويب xianshi1.asp وقم بتنفيذ صفحة الويب هذه، بحيث يتم ربط صفحة الويب الخاصة بالاستعلام وصفحة الويب المعروضة من خلال اسم المتغير؛ يسمى المربع ts. يرجى تذكر هذا الاسم، لأن هذا هو اسم المتغير الذي سيتم تمريره عبر النموذج، وما يلي يستخدم أيضًا لعرض صفحات الويب.
الشكل 23
الشكل 24 5. إنشاء صفحات ويب معروضة حسب أسماء الكتب
1. قم بإنشاء صفحة ويب ديناميكية جديدة وقم بتسميتها xianshi1.asp.
2. أدخل المحتوى المعروض بشكل ثابت على صفحة الويب، كما هو موضح في الشكل 25، حيث يرتبط رابط "العودة" بصفحة الاستعلام chaxun1.htm، ويشير الخط المنقط الأحمر أيضًا إلى أن هذا نموذج.
الشكل 25 3. قم بإنشاء مجموعة سجلات. حدد علامة التبويب Bindings في لوحة Application، واضغط على زر علامة الجمع، وحدد Recordset (Query)، وسينبثق مربع الحوار Recordset، كما هو موضح في الشكل 26. الاسم هو Recordset1، ويحدد جدول قاعدة البيانات tushu، و يتم تعيين شرط عامل التصفية إلى الحقل الموجود في الجدول tushu. يجب أن يحتوي "عنوان الكتاب" على متغير النموذج الذي تم تمريره. هذا المتغير ts هو اسم مربع النص في صفحة الويب الخاصة بالاستعلام chaxun1.asp. انقر فوق الزر "موافق" للعودة إلى الصفحة.
الشكل 26 4. اسحب حقول مجموعة السجلات إلى المواضع المقابلة على الصفحة.
5. حدد الصف الثاني من الجدول، وانقر فوق علامة التبويب سلوكيات الخادم في لوحة التطبيق، واضغط على زر الإضافة، وحدد تكرار المنطقة، وسينبثق مربع الحوار تكرار المنطقة، وقم بتعيينه لعرض الكل.
يظهر تأثير الصفحة النهائية في الشكل 27.
الشكل 27 عند هذه النقطة، اكتملت أخيرًا الصفحة المعروضة عن طريق الاستعلام عن اسم الكتاب، فلنلقي نظرة على التأثيرات المحددة. قم بتشغيل pws، واستخدم IE لفتح chaxun1.asp، وأدخل اسمًا، مثل "إدارة الجودة"، وسيعرض IE تلقائيًا جميع الكتب التي تحتوي على "إدارة الجودة" في العنوان. وتظهر التأثيرات المحددة في الشكلين 28 و29.
الشكل 28
الشكل 29 تم الانتهاء أخيرًا من صفحة الويب ويمكن الآن للجميع تشغيلها بالكامل. أخبر زملائك بعنوان IP الخاص بجهاز الكمبيوتر الخاص بك وافتح pws، حتى يتمكن زملائك من الاستعلام عن الكتب من خلال نظام الاستعلام في أي وقت.
انقر هنا لتنزيل الكود المصدري لهذا البرنامج التعليمي