استكشاف Dreamweaver MX Ultradev (2) عرض السجلات في قاعدة البيانات
تحدثنا في المحاضرة السابقة بشكل أساسي عن إعداد اتصال قاعدة البيانات. اليوم سنبدأ في التنفيذ الفعلي لتطبيق الخلفية والحصول على البيانات من قاعدة البيانات. الكلمات السابقة كلها تحضيرات لعمل اليوم. صفحات الويب التي نراها اليوم هي في الأساس ديناميكية، ويعني ما يسمى بالديناميكية أنها مدمجة مع قاعدة بيانات لتحديث المعلومات تلقائيًا. يعد استرداد البيانات من قاعدة البيانات الطريقة الديناميكية الأساسية والأكثر استخدامًا. بعد ذلك، سنقوم باسترداد قائمة معلومات المنتج من جدول المنتج في قاعدة بيانات Northwind من خلال الاستعلام.
لاحظ أنه عند إعداد الموقع، يرجى ضبط الوصول في خيار Testing Server على FTP أو Local/Network (الشكل 2-1)، وإلا فلن تكون الروابط متاحة.
الشكل 2-1
حدد علامة التبويب Bindings في لوحة التطبيق على اليمين. اضغط على زر الزائد (كما هو موضح في الشكل 2-2)
الشكل 2-2 في مربع الحوار Recordset، قم بإجراء الإعدادات التفصيلية كما يلي:
الاسم : disProduct الاتصال: الريح الشمالية (هذا هو الاتصال الذي أنشأناه في المحاضرة السابقة، اختياري) الجدول: المنتج (جميع الجداول الموجودة في قاعدة البيانات مدرجة هنا، نختار المنتج) الأعمدة: تحتوي على جميع الحقول الموجودة في المنتج، إذا قمت بتحديد زر الاختيار، فيمكننا تصفية الحقول. (كما هو موضح في الشكل 2-3)
الشكل 2-3
بعد اكتمال الإعدادات، يمكننا اختبارها والضغط على زر الاختبار الموجود على اليمين. أليست هذه مفاجأة؟ تم إدراج جميع البيانات التي نحتاجها. قوة الأداة رائعة! (كما هو موضح في الشكل 2-4)
الشكل 2-4 انقر فوق "موافق" للعودة إلى مربع الحوار Recordset، ثم انقر فوق "موافق" للعودة إلى الصفحة. في هذا الوقت، يمكننا رؤية التغييرات في علامة Binding، ويظهر الاستعلام المسمى disProduct الذي أنشأناه. أعتقد أنه يجب على الجميع التفكير في الكائنات بسهولة بعد رؤية ذلك، وهو أمر بديهي للغاية وأسهل بكثير في الفهم من إنشاء كائنات في التعليمات البرمجية (كما هو موضح في الشكل 2-5). جدول المنتج، تظهر كافة الحقول أمام عينيك. (كما هو موضح في الشكل 2-6)
الشكل 2-5
الشكل 2-6
هدفنا هو عرض قائمة المنتجات على الصفحة، وفي العمل التالي، ستكتشف مدى سهولة عرض الأشياء في قاعدة البيانات على الصفحة، وستشعر مرة أخرى بعظمة الأداة. قم بإنشاء جدول يحتوي على صفين وأربعة أعمدة في الصفحة، واملأ الصف الأول بـ: اسم المنتج، وكمية الوحدة، وسعر الوحدة، والمخزون (كما هو موضح في الشكل 2-7). على الصفحة. في الجزء التالي سنضع محتويات الحقل.
الشكل 2-7
لتحديد الحقول الموسعة في Bindings، نحدد أولاً حقل "اسم المنتج"، ثم ننقر بالماوس على العمود الأول من الصف الثاني من الجدول لجعل المؤشر يومض فيه، ثم نعود إلى لوحة Bindings وننقر على الزر زر الإدراج (كما هو موضح في الشكل) 2-8)
الشكل 2-8 قم بإدراج حقول "كمية الوحدة، وسعر الوحدة، والمخزون" في الجدول بنفس الطريقة (كما هو موضح في الشكل 2-9). وهناك أيضًا طريقة أبسط، وهي أنه يمكنك سحب الحقول إلى المكان الذي تريد تريد وضعها. التأثير هو نفسه، وأبسط. حسنًا، انظر الآن إلى الكود الأصلي إذا كنت مبتدئًا في Asp، دعني أخبرك بتجربة إلقاء نظرة على الكود الأصلي الذي تم إنشاؤه بواسطة mx، والذي سيكون مفيدًا لك في تعلم Asp. لأنك ستجد في المستقبل أنه يمكنك محاولة دمج صفحتين معًا عن طريق إضافة بضعة أسطر من التعليمات البرمجية، مثل صفحة تسجيل الدخول، وهذه قصة لوقت آخر ستعرفه أثناء قراءتك.
الشكل 2-9
حسنًا، احفظ الآن صفحتك وشاهد ثمار عملك في متصفحك. لا تقل لي أنك لا تعرف كيفية تصحيح أخطاء صفحات Asp! ما الذي يتم عرضه؟ هناك صف واحد فقط من النتائج أليس هذا مخيبا للآمال للغاية بالنسبة لك؟ هاها، مؤشر التسجيل لم يتحرك، بالطبع يتم عرض السطر الأول فقط. واصل القراءة.
سنبدأ بالحديث عن سلوكيات الخادم التي يمكننا استخدامها لتحقيق العديد من الوظائف، دعونا لا نلقي نظرة عليها الآن. حدد كافة الخلايا في الصف الثاني من الجدول (الشكل 2-10)،
الشكل 2-10 انقر فوق الزر "+" الموجود على ملصق سلوكيات الخادم، وحدد تكرار المنطقة في القائمة المنسدلة، وحدد زر الاختيار الكل في مربع الحوار تكرار المنطقة، إذا كنت لا تريد عرض الكل، فيمكنك أيضًا تحديد زر الاختيار أعلاه وأدخل الرقم الذي تريد عرضه (كما هو موضح في الشكل 2-11).
الشكل 2-11
اضغط على زر موافق للعودة. يظهر سلوك آخر في علامة التبويب سلوكيات الخادم (الشكل 2-12). بالنظر إلى الكود الأصلي، تجد أنه أضاف للتو عبارة حلقة.
الشكل 2-12
احفظ التغييرات وقم بتصحيح الأخطاء مرة أخرى، ماذا عن كل ما قمت بتعيينه (الشكل 2-11) سيظهر. في هذه المرحلة اليوم، يمكنك مراجعة ما يلي، والذي يتعلق بشكل أساسي بإنشاء الاستعلامات، وهناك العديد من النصائح فيه.