سلسلة ASP.NET خطوة بخطوة حتى الاحتراف - الفصل الثاني فيجوال بيسك + سي شارب في هذا الفصل :
رفع الملفات إلى الموقع
عرض التقویم
عرض الإعلانات
تقسیم الصفحة لمناظیر عدیدة
تقسیم العمل لمجموعة خطوات
تأليف:
الصل التاني استخدام أدواث التحكم المتخمة
معاد (عتتععما. 1فهم1م1160ع) م1
عمملك 1ع .301م1ماف11ع 8 "/5ممتمك" - و5030 عم و11 مط
قمع
مد قمع
طايك قمع
قم باستدعاء فضاء الأسماء الخاص بالدخل والخرج 10 , حيث نضيف الكود التالي أعلى الصفحة:
أما الدالة 6م116]11677 المسؤولة عن فحص نوع الملف فهي :
التصل النانى استخنام أدواث التحكم المتخمة
تعيض ماع
دوم عق
ناعم
تعيض ماع
نعم عق
تعنص مصاع
رععلةة مصاع
() لممادتات عوق +5616
سال ا
عنصا ناعم
عند ماع
ععتوع ناعم
ع5 قمع
ومتاعميع قمع
"د71 "تضرع د "حعمي "خلعناما" 10 لعناما :مع
نفذ التطبيق السابقّ وحاول أن ترفع ملف ما مغاير للأنواع المحددة , ستلاحظ عدم رفع الملف , أعد
التجربة مع أحد أنواع الصور السابقة لترى قبول عملية الرفع .
رفع الملفات إلى قاعدة بيانات
حيث نقوم بتخزين الملفات في قاعدة بيانات عوض” عن مجلد عادي , هذا الأسلوب يسبب كبر
هائل بحجم قاعدة البيانات وبالتالي صعوبة وبطء في نقلها والتعامل معها , كما
الملفات إلى بيانات ثنائية ( 0,1 ) لنتمكن من تخزينها في الجدول , الأسلوب الأفضل والمتبع في
المواقع هو رفع الملفات إلى مجلد عادي وتخزين أسماء الملفات المرفوعة ضمن قاعدة البيانات مع
تخزين معلومات أخرى عنها كتاريخ الرفع مثلا" , على العموم لن ندخل بهذه التفاصيل الآن على
اعتبار أننا لم نتطرق لموضوع قواعد البيانات , سيكون لنا عودة لمناقشة كيفية رفع الملفات
بأسلوب احترافي في فصل المواضيع المتقدمة .
ملاحظة
يتم قبول رفع الملفات ذات الأحجام أصغر من 4 ميغابايت ( عد للمثال الأول وحاول رفع ملف أكبر
من هذا الحجم لترى عدم قبول العملية ) , ولتغيير الحجم الأقصى المسموح به لكل ملف
الملف 80.00018//ا ونضيف كود السطر الرابع :
دطاعب .مع كلاد له
حيث تم تحديد الحجم الأعظمي ب 10240 كيلو بايت ( أي 10 ميغا بايت ) .
عرض التقويم ( أداة التحكم +0 68160 )
وفرت منصة عمل :258.018 الأداة :616002 والتي تقوم بتمكين المستخدم من تحديد التواريخ
بسهولة ويسر .
خصائص أداة :6216002
> 027120062000231 : تحديد أسلوب ظهور أسماء أيام الأسبوع ( اسم اليوم بالكامل ,
اسم مختصر ...) ويمكن أن يأخذ إحدى القيم التالية :8051161166
*©11©00/0001177 : تحديد نص الرابط الذي ينقلنا للشهر التالي عند الضغط عليه
10/001 : تحديد تنسيق نصي الشهر التالي والسابق ( أسماء كاملة ,
*«©07///100177 : تحديد نص الرابط الذي ينقلنا للشهر السابق عند الضغط عليه
©56160160031 : لتحديد يوم أو للحصول على اليوم محدد .
565 : لتحديد مجموعة من الأيام أو الحصول عليها .
©56160001/00 : تحديد أسلوب التواريخ , نختار يوم أو أسبوع كامل أو شهر
بالكامل ويأخذ القيم : :110102 200 رتلتصعالطماع6/الالرة0 كاع6 /0ال1ة0 ,ل02
*«©561600/00177 : تحديد نص الرابط الذي يقوم بتحديد الشهر كاملا عند الضغط
*«©])ا©5616011/0/8 : تحديد نص الرابط الذي يقوم بتحديد الأسبوع كاملا عند الضغط
+501010/02/116808 : عرض أو إخفاء أسماء الأيام
50100/11103700 : عرض أو إخفاء روابط الأشهر اللاحقة والسابقة
500/171 : عرض أو إخفاء شريط العنوان الخاص بالأداة :6316002
1101 : لتحديد تذ شريط العنوان حيث يمكن أن يظهر اسم الشهر فقط أو
يظهر معه العام الحالي أيضاً , ويأخذ : :0010011782 1/0017
©10027/5031 : لتحديد تاريخ اليوم الحالي , بشكل افتراضي تأخذ تاريخ اليوم الحالي
©51016031/ : لتحديد الشهر الذي سيتم عرضه , بشكل افتراضي يتم عرض الشهر
الذي يحتوي على تاريخ اليوم الحالي المحدد بالخاصية السابقة.
كما أن الأداة 6218002 تدعم الأحداث التالية :
7 561600006090860 : يتم إطلاقه عند اختيار تاريخ جديد .
7 15101610/0001161130880/ا : يتم إطلاقه عند الضغط على رابط الشهر التالي أو السابق .
الفصل النائي
عرض أداة التقويم بشكل منبثق
سنقوم في هذه الفقرة بتطبيق الأسلوب المتبع في المواقع والمنتديات
الاحترافية , وهو أن تكون أداة التقويم بشكل افتراضي غير ظاهرة
للمستخدم , إنما يدل على وجودها رمز صغير يعبر عن التقويم فإن
شاء المستخدم يضغط على هذا الرمز لتنبثق له أداةً +6918003
ار التاريخ منها , وإن شاء كتبه بشكل يدوي دون الاستعانة بهذه
أداء العمل السابق بالاستعانة بلغة الجافا سكربت و
أنشئ صفحة جديدة , وأضف عليها أدوات التحكم 1+:68180023 , 18718071 , 180611 ومن قسم
أدوات 11001 أضف الأداة 1008 واربطها مع صورة مناسبة كما هو موضح بالأعلى وفي حدث
النقر عليها سنقوم باستدعاء كود جافاسكربت المسؤول عن إظهار الأداة 6318002:1 , لن أقوم
1//87مم متخت كم7 1.9 لاتتقا 010/ لقلا //-" عتاقناه 1ماط 10001706
عم قمع
اد كلام ذا كد مز افا "دعوي مضي
(160033)0لرقتمعثك «متاعمية
دمي />
زعتب :10- لمسم وا هط
ااعتختا ل «مفمعلف من مو*دعلعت»
فوط
"1ام8:ت7 "60000110 معي "فوط "و7 ٠" 1عطها:م5>
حمل
رمال
خلال
أما الكود المضاف للحدث 60ع56186000011308 التابع للأداة 621800331 فيقوم بإسناد التاريخغ
المحدد إلى الأداة 787801 بالأسلوب التالي :
طك قمع
عرض الإعلانات ( أداة التحكم 08020+2م )
تمكننا الأداة 808012106 من عرض الإعلانات على صفحات الموقع , ويتم اختيار الإعلان الذي
سيعرض بشكل عشوائي حيث تخزن الإعلانات في ملف 70/01 أو في جدول ضمن قاعدة
خصائص أداة التحكم 808012102
> 807601580160111 : لتحديد ملف 61/11( الذي يحتوي على الإعلانات .
0180021618010 : لتحديد اسم حقل النص البديل ( اسم وسم 10/1 أو عمود ضمن
جدول ) الذي ستظهر محتوياته في حال فشل عرض صورة الإعلان , القيمة الافتراضية
لهذا الحقل هي : 61:ع 81161021617 .
+©02181/0000 : لربط عضو محدد ضمن مصدر البيانات 031850766 .
©©028500 : لتحديد مصدر بيانات الإعلانات بشكل برمجي .
08850076810 : لتحديد مصدر بيانات الإعلانات بشكل تصريحي .
10281010 : لتحديد اسم حقل صورة الإعلان ( اسم وسم 70/1 أو عمود ضمن
جدول ) ,القيمة الافتراضية 1071386001 .
> 8/0001 : تحديد فلتر للإعلانات عبر كلمة مفتاحية وحيدة (نستعرضها لاحقا
بلتفصيل ) .
> 112/16318100111 : لتحديد اسم حقل روابط التنقل ( اسم وسم 71/1 أو عمود ضمن
جدول ) , القيمة الافتراضية 11218316111 .
7 13561 : تمكننا من فتح نافذة جديدة عند النقر على الإعلان .
كما أن أداة التحكم 8080131063 تقوم بإطلاق الحدث 806363180 عند اختيارها لإعلان ما وقبل
أن يتم عرضه .
مثل
(لإنشاء ملف 70/01 : من القائمة ع8|زوداع//ا اختر (0ع:1 /ن«عل! 800 ثم ع1( 10/01 ) , قم بإنشاء
3أم , 012 , 11م , الآن افتح الملف 805.01 واكتب فيه الكود التالي :
حمق
ج1علا6 2 ع 112103 /> هم طامح قاب . ممم / / :م <1 60 2ع 12>
استخدام أدواث التحكم المتخمة
في الكود السابق تم إضافة ثلاثة إعلانات , وتحديد صورة كل إعلان وقياساتها 200*200 والنص
البديل في حال عدم عرض الصورة والرابط الذي سيتم الانتقل إليه عند الضغط على الإعلان , أما
الخاصية 10036551005 فهي تحدد أهمية الإعلان كنسبة مئوية فالإعلان الأول أولوية عرضه هي
0 أما الثاني والثالث فكل منهما 9625 , أسماء الوسوم التي تمت كتابتها في ملف 8050001
هي نفس الأسماء الافتراضية للخصتص اع تمتع مصعالم , لاععناع102 ,
100000 , فلو قمت بتغيير القيم الافتراضية لهذه الخصائص فعليك تعديل أسماء وسوم
ملف 0١| السابق .
بعد أن انتهينا من تجهيز ملف الإعلانات 805.001 , نعود إلى الصفحة التي أنشأناها ونربط الأداة
1 مع ملف «١ السابق عبر الخاصية 001/63115070151 , ليصبح كود الصفحة
بالشكل التالي :
لتجلد دا
حمل مم08 :م5
نفذ الصفحة السابقة , قم بتحديث الصفحة عدة مرات لترى كيف يتم عرض الإعلانات بشكل
عشوائي مع الأخذ بعين الإعتبار الأولوية المحددة لكل إعلان عبر الخاصية 1001855601015 .
لنفرض السيناريو التالي : لديك أداتين 8080181032 ,0080131011 وملف 011” يحتوي على
بيانات خمسة إعلانات, أول ثلاثة إعلانات لمواقع تعليمية , الإعلانان الرابع والخامس لمواقع
اليل الثاني
الرياضية تعرض عبر الأداة 8080181032 , فكيف يتم ذلك ؟ ببساطة نقوم بعمل فلترة للإعلانات
ويتم هذا على مرحلتين :
أولاأ : إضافة الوسم <030ع»> لكل إعلان في ملف 011» بحيث تأخذ الإعلانات التعليمية قيمة
أي أن ملف 8052.:001 يكون بالشكل التالي :
حمق
ج1علاك ع3 بها / همف .ىء م مطاكماءمشاتركم . معم/ / زم مادا علاك مع لاعلا
ماع 7ع م1160 ىومطكاطامعم حت غ162