استخدام النماذج لجمع معلومات من المستخدمين

تاريخ آخر تحديث 20 ديسمبر 2021

حول جمع المعلومات من المستخدمين

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

نماذج HTML

تتيح لك جمع المعلومات من المستخدمين وتخزينها في ذاكرة الخادم.يمكن لنموذج HTML إرسال المعلومات إما كمعاملات نموذج أو كمعاملات URL.

ارتباطات النصوص التشعبية

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

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

معلمات نماذج HTML

يتم إرسال معاملات النموذج إلى الخادم عن طريق نموذج HTML باستخدام إما طريقة POST أو GET.

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

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

يمكنك استخدام Dreamweaver لتصميم نماذج HTML بسرعة ترسل معاملات النموذج إلى الخادم.كن على علم بالطريقة التي تستخدمها لنقل المعلومات من المتصفح إلى الخادم.

تحمل معلمات النماذج أسماء كائنات النماذج المقابلة لها. على سبيل المثال، إذا كان النموذج يحتوي على حقل نص يسمى txtLastName، فسيتم إرسال المعامل التالي إلى الخادم عندما ينقر المستخدم على زر الإرسال:

txtLastName=enteredvalue

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

نموذج القائمة المنبثقة

كل خيار في القائمة يتطابق مع قيمة مرمزة ثابتة يتم إرسالها كمعامل نموذج إلى الخادم.مربع حوار قيم القائمة في المثال التالي يطابق كل عنصر قائمة مع قيمة (Add أو Update أو Delete):

مربع حوار List Values

بعد إنشاء معامل النموذج، يمكن لـ Dreamweaver استرداد القيمة واستخدامها في تطبيق الويب.بعد تعريف معامل النموذج في Dreamweaver، يمكنك إدراج قيمته داخل صفحة.

معلمات URL

معاملات URL تتيح لك تمرير المعلومات المقدمة من المستخدم من المتصفح إلى الخادم.عندما يتلقى خادم طلباً ومعاملات ملحقة بعنوان URL للطلب، يمنح الخادم الصفحة المطلوبة وصولاً إلى المعاملات قبل تقديم تلك الصفحة إلى المتصفح.

معامل URL هو زوج اسم-قيمة ملحق بعنوان URL.تبدأ المعلمة بعلامة استفهام (؟) وتتخذ الشكل التالي اسم=قيمة. إذا كان هناك أكثر من معلمة URL واحدة، فإن كل معلمة تكون منفصلة بعلامة العطف (&). يوضح المثال التالي معلمة URL مع زوجين من الأسماء والقيم:

http://server/path/document?name1=value1&name2=value2

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

يطلب المستعرض صفحة report.cfm من الخادم. ويشمل الطلب معلمة URL:‏ Currency="euro". متغير Currency="euro" يحدد أن جميع المبالغ النقدية المسترجعة يتم عرضها بعملة اليورو الأوروبي.

ويخزن الخادم معلمة URL مؤقتًا في الذاكرة.

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

يرسل الخادم صفحة report.cfm إلى المتصفح ويعرض قيمة العناصر بالعملة المطلوبة. عندما ينهي هذا المستخدم الجلسة، يمسح الخادم قيمة معلمة URL، محررًا ذاكرة الخادم لاستيعاب طلبات المستخدمين الجدد.

يتم أيضًا إنشاء معلمات URL عند استخدام أسلوب HTTP GET مع نموذج HTML. يحدد أسلوب GET أن قيمة المعلمة تُلحق بطلب URL عند إرسال النموذج.

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

تقوم بإنشاء معلمات URL داخل رابط HTML باستخدام خاصية href لوسم الرابط HTML.يمكنك إدخال معلمات URL مباشرة في الخاصية في عرض الكود (عرض > كود)، أو بإلحاق معلمات URL في نهاية URL الرابط في مربع الرابط في مفتش الخاصية.

في المثال التالي، تنشئ ثلاثة روابط معلمة URL واحدة (action) مع ثلاث قيم ممكنة (Add، Update، و Delete). عندما ينقر المستخدم على رابط، يتم إرسال قيمة معلمة إلى الخادم، ويتم تنفيذ الإجراء المطلوب.

<a href="http://www.mysite.com/index.cfm?action=Add">إضافة سجل</a>

<a href="http://www.mysite.com/index.cfm?action=Update">تحديث سجل</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">DELETE سجل</a>

يتيح لك مفتش الخصائص (نافذة > خصائص) إنشاء معاملات URL نفسها عن طريق تحديد الرابط وإلحاق قيم معاملات URL في نهاية URL الرابط في مربع الرابط.

عارض الخصائص

بعد إنشاء معامل URL، يمكن لـ Dreamweaver استرداد القيمة واستخدامها في تطبيق الويب.بعد تعريف معامل URL في Dreamweaver، يمكنك إدراج قيمته داخل الصفحة.