Dreamwaver MX وASP.NET(6)

الكاتب：Eve Cole وقت التحديث：2009-05-31 21:06:05

6. إنشاء صفحة تعديل السجل

مقدمة ذات صلة (ملاحظة: من أجل عرض الرمز، تحتوي جميع الرموز التالية على مسافات بعد "<" وقبل ">". نعتذر عن الإزعاج!):

تعد إضافة البيانات وتعديلها وحذفها العمليات الأساسية الثلاثة في قاعدة البيانات. يقدم هذا القسم جزء سجل التعديل.

الخطوة 1: عملية تعديل التصميم

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

أولاً، قم بإنشاء صفحة استعلام. في عملية إنشاء مجموعة البيانات، يمكننا تحديد البيانات المطلوبة من خلال عامل تصفية البيانات. نظرًا لأننا سننقر على الرابط الموجود في DataList للوصول إلى هذه الصفحة، فحدد معلمة URL واستخدم الكلمة الأساسية CODE لتصفية الصفحة المطلوبة.

[الشكل 6-1 تصفية البيانات]

للقيام بذلك، قم بإنشاء ملف تعديل.aspx جديد في الموقع وإضافة DataSet كما هو موضح أعلاه.

الخطوة 2 إنشاء صفحة التفاصيل

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

افتح الملف location2.aspx الأصلي وقم بتعديل نمط DataList الأصلي. حدد DataListm وانقر فوق تحرير الأعمدة (الشكل 6-2). في مربع حوار تصميم نمط DataGrid المنبثق (الشكل 6-3)، يمكنك تعيين نوع Location_name إلى ارتباط تشعبي. حدد Location_name وانقر فوق الزر "تغيير نوع العمود" للتغيير إلى الارتباط التشعبي.

[الشكل 6-2 تحرير الأعمدة..]

[الشكل 6-3 إعداد الارتباط التشعبي]
إعدادات الارتباط التشعبي كما هو موضح أدناه:

[الشكل 6-4 إعداد الكلمات الأساسية للارتباط]

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

http://yoursite/modify.aspx?CODE=قيمة الكود للسجل الذي تم النقر عليه

ستقوم صفحة Adjust.aspx أيضًا بالاستعلام عن السجلات المطلوبة من قاعدة البيانات من خلال قيمة التعليمات البرمجية التي تم تمريرها.

لتحديث البيانات في صفحة تعديل.aspx، تحتاج إلى استخدام نموذج. وهذا يتطلب ربط سجل البيانات بمربع الإدخال. ربط البيانات في Dreamweaver MX مماثل لتلك الموجودة في Dreamweaver UltraDev. اضبط الصفحة كما هو موضح في الشكل 6-5. أنشئ 6 حقول نصية جديدة، و1 حقل مخفي، وزر إرسال واحد، وضعها في المواقع المناسبة. يتم استخدام HiddenField لحفظ قيمة CODE لهذا السجل. نظرًا لأن قيمة الكود عبارة عن كلمة أساسية، فلا يلزم تغييرها.

[الشكل 6-5 صفحة تعديل.aspx]

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

[الشكل 6-6 الربط] [الشكل 6-7 اختيار نوع البيانات] [الشكل 6-8 سمات الربط]

قائمة، قم بتعيين خاصية حقل النص المرتبطة بمصدر البيانات.
تحديث بيانات الخطوة 3

أما بالنسبة لتحديث البيانات، فيمكنك النقر فوق الزر "+" في سلوكيات الخادم في لوحة التطبيق وتحديد تحديث السجل.

[الشكل 6-9 تحديد سجل التحديث]

[الشكل 6-10 إعداد الارتباط]

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

الآن يمكنك معاينة الصفحة النهائية. أدخل عنوان URL http://yoursite/location3.aspx، وسترى الصفحة الموضحة في الشكل 6-11.

[الشكل 6-11 تصفح صفحة location3.aspx]

العنصر Location_name قابل للنقر عليه وسينتقل إلى صفحة التفاصيل تعديل.aspx.

[الشكل 6-12 معاينة صفحة التحديث]
يمكن تعديل البيانات الموجودة من خلال صفحة Adjust.aspx، كما يمكن تحديث البيانات من خلال أحداث إرسال النموذج.

الكود الرئيسي المحدث هو كما يلي:

<مم: تحديث

رونات = "الخادم"

CommandText='< %# "تحديث المواقع المحددة للمدينة=?, STATE_COUNTRY=?, الفاكس=?, الهاتف=?, العنوان=? أين الرمز % >'

ConnectionString='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_location") % >'

DatabaseType='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_location") % >'

Expression='< %# Request.Form("MM_update") = "form1" % >'

إنشاء مجموعة البيانات = "خطأ"

SuccessURL='< %# "location3.aspx" % >'

التصحيح = "صحيح"

>

<المعلمات>

< اسم المعلمة = "@CITY" Value='< %# IIf((Request.Form("city") < > Nothing), Request.Form("city"), "") % >' Type="WChar" />

< اسم المعلمة = "@STATE_COUNTRY" Value='< %# IIf((Request.Form("state") < > Nothing), Request.Form("state"), "") % >' Type="WChar" />

< اسم المعلمة = "@FAX" Value='< %# IIf((Request.Form("fax") < > Nothing), Request.Form("fax"), "") % >' Type="WChar" />

< اسم المعلمة = "@TELEPHONE" Value='< %# IIf((Request.Form("tele") < > لا شيء)، Request.Form("tele"), "") % >' Type="WChar" />

< اسم المعلمة = "@ADDRESS" Value='< %# IIf((Request.Form("address") < > لا شيء), Request.Form("address"), "") % >' Type="WChar" />

< اسم المعلمة = "@CODE" Value='< %# IIf((Request.Form("hiddenField") < > Nothing), Request.Form("hiddenField"), "") % >' Type="WChar" />

< /المعلمات>

< /مم:تحديث>

يستخدم Dreamweaver MX mm:update لتمثيل التعليمات البرمجية المحدثة. تنسيقه مشابه لـ MM:Insert.