مقدمة في ASP.NET PDF

 ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫ما هي ‪ ASP.NET‬؟‬ ‫هي تقنية موجودة ضمن لغات فيجوال ستديو دوت نت )‪ ، (VISUAL SDTIO.NET‬تعمل على‬ ‫بناء تطبيقات...

 ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫ما هي ‪ ASP.NET‬؟‬ ‫هي تقنية موجودة ضمن لغات فيجوال ستديو دوت نت )‪ ، (VISUAL SDTIO.NET‬تعمل على‬ ‫بناء تطبيقات خصصت للعمل على شبكة اإلنترنت ‪ ،‬قد تكون هذه التطبيقات مواقع انترنت‬ ‫ديناميكية أو ثابتة أو خدمات انترنت أو ‪...‬الخ ‪.‬‬ ‫مالحظة‬ ‫‪ ASP.NET‬عبارة عن تقنية و ليست لغة برمجة ‪.‬‬ ‫كلنا نعلم أن هناك منصتين لتنفيذ الشفرات في برمجة الويب هي ‪:‬‬ ‫‪.1‬المتصفح – المستعرض‪ -‬أي أن المتصفح هو من يفهم هذه الشفرات – األكواد ‪ -‬و‬ ‫ينفذها ‪،‬هذه الشفرات قد تكون بلغات مثل ‪. JSCRIPT ، VBSCRIPT ، JAVASCRIPT‬‬ ‫‪.2‬في الملقم – سيرفر الويب‪ -‬أي أن الشفرات مكتوبة بلغات ال يفهمها المتصفح و تحتاج‬ ‫إلى جهاز معد بإعدادات خاصة لترجمة هذه الشفرات و تنفيذها و توليد صفحات مكتوبة‬ ‫بلغات يفهمها المتصفح ‪ ،‬هذا الشفرات التي ال يفهمها قد تكون بلغات مثل ‪, VB.NET‬‬ ‫‪. PHP ، C++.NET , C#‬‬ ‫صممت تقنية ‪ ASP.NET‬للعمل ضمن الملقم – سيرفر الويب ‪ ، - WEB SERVER‬و تكتب‬ ‫شفراتها بلغات مثل ‪ ، C++.NET , C# , VB.NET‬لكن ال يعني ذلك أنه ال يمكن كتابة‬ ‫شفرات تعمل ضمن المتصفح في صفحات ‪ ASP.NET‬من الممكن عمل ذلك ‪ ،‬من هذا نستنتج‬ ‫أن صفحات ‪ ASP.NET‬يمكن أن تكون هجينة (فيها شفرات تعمل ضمن المستعرض و أخرى‬ ‫تعمل ضمن الملقم ) ‪.‬‬ ‫‪ ‬هل يجب أن يمتلك جهاز الزائر ( العميل ‪ - ) Client‬لموقع صمم بتقنية ‪- ASP.NET‬‬ ‫الويب )‬ ‫الملقم (سيرفر‬ ‫مالحظة‬ ‫هو جهاز كمبيوتر معد بإعدادات خاصة – إعدادات تجعله يصبح ملقم ويب – هذه اإلعدادات‬ ‫تختلف حسب نوع الصفحات التي نريد رفعها على هذا الملقم و قد يوجد هنالك أكثر من نوع‬ ‫واحد من اإلعدادات على هذا الجهاز مثل إعدادات ملفات ‪ ASP.NET‬و هو تنزيل ‪ IIS‬وإعدادات‬ ‫ملفات ‪ PHP‬و هو تنزيل ‪.Apache‬‬ ‫ترفع إلى الملقم صفحات اإلنترنت و الملفات التي نريد تصفحها و تناقلها و عرضها عبر شبكة‬ ‫اإلنترنت ‪ ،‬هذا يعني أن كل الصفحات والملفات التي نراها في اإلنترنت موجودة على سيرفرات‬ ‫ويب ‪،‬و أنه إذا أردت أن يصل الناس إلى موقعك يجب رفعه إلى ملقم ويب ‪.‬‬ ‫‪2‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫إعدادات خاصة ؟‬ ‫‪ ‬ال ‪.‬ال يجب أن يكون جهاز الزائر (العميل ) معد بأي إعدادات ‪ ،‬حتى و إن كان جهاز‬ ‫العميل على نظام تشغيل مختلف غير ويندوز ال توجد أي مشكلة ‪.‬‬ ‫‪ ‬هل يجب أن يكون الملقم – السيرفر‪ -‬معد بإعدادات خاصة ليحتوي على صفحات‬ ‫‪ ASP.NET‬؟ و ما هي هذه اإلعدادات أن وجدت ؟‬ ‫‪ ‬نعم يجب توافر بعض المتطلبات في الملقم ليصبح ملقم – سيرفر ويب – يقبل تنفيذ‬ ‫صفحات ‪. ASP.NET‬‬ ‫المتطلبات التي يجب توافرها في الملقم لتشغيل صفحات ‪: ASP.NET‬‬ ‫‪.1‬إطار عمل دوت نت (‪).NET FRAMEWORK‬‬ ‫وهذا اإلطار مهمته تكمن في جعل نظام التشغيل في الملقم يفهم التطبيقات المبنية بالدوت‬ ‫نت و ينفذها ‪.‬‬ ‫الحظ أنه مهم لكل التطبيقات المبنية بالدوت نت و ليس تطبيقات ‪ ASP.NET‬فقط ‪.‬‬ ‫‪.2‬نظام التشغيل ‪WINDOWS‬‬ ‫ذلك ألن إطار عمل دوت نت )‪ (.NET FRAMEWORK‬ال يعمل إال على نظام التشغيل‬ ‫‪. WINDOWS‬‬ ‫وعلى الرغم من ذلك هنالك بعض المشاريع التي تحاول تشغيل تطبيقات الدوت نت على‬ ‫أنظمة تشغيل أخرى من هذه المشاريع مشروع ‪ MONO‬المفتوح المصدر ‪.‬‬ ‫‪)INTERNET INFORMATION SERVICES( IIS.3‬‬ ‫وهو ما يجعل الجهاز يتحول إلى ملقم ‪ -‬سيرفر ويب‪ -‬و بالتالي ينفذ تطبيقات ‪.ASP.NET‬‬ ‫و لتشغيل تطبيقات ‪ ASP.NET‬يجب أن يكون الـ (‪ )IIS‬من اإلصدار الخامس ‪ 5.0‬أو‬ ‫أحدث منه ‪.‬‬ ‫حاول أن تنصب اإلصدار األحدث دائما لنظراً للتعديالت و التطويرات المستمرة كما أن‬ ‫هنالك بعض المميزات التي تحتاج إلى اإلصدار األحدث دائما ً ‪.‬من الجدير بالذكر أن‬ ‫الـ(‪ )IIS‬يأتي في قرص أنظمة التشغيل الـ(‪. )Windows‬‬ ‫مالحظة‬ ‫يأتي ‪ IIS‬منصبا ً سابقا ً في بعض أنظمة التشغيل مثل ‪Windows 2000 Server‬‬ ‫‪. Windows 2003 Server ,Windows 2008 Server ,‬‬ ‫لكنه يحتاج إلى تنصيب في البعض األخر ‪Windows XP , Windows Vista,Windows‬‬ ‫)‪. Seven(7‬‬ ‫‪3‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫و سوف نذكر خطوات تنصيب الـ(‪ )IIS‬في )‪Windows XP ,Windows Seven (7‬‬ ‫ألنهما األكثر استخداما ً في الوقت الراهن ‪.‬‬ ‫خطوات تنصيب ‪ IIS 7.0‬على )‪: WINDOWS SEVEN (7‬‬ ‫قائمة أبدأ ‪.‬‬ ‫‪)a‬‬ ‫لوحة التحكم ‪.‬‬ ‫‪)b‬‬ ‫البرامج ‪.‬‬ ‫‪)c‬‬ ‫تشغيل مميزات ‪ WINDOWS‬أو إيقاف تشغيلها ‪.‬‬ ‫‪)d‬‬ ‫نقوم بعمل اختيار على ‪ Internet Information Services‬و كل ما بداخلها ‪.‬‬ ‫‪)e‬‬ ‫ننقر على زر موافق و سوف تحمل الملفات الخاصة و بعد اكتمال التحميل يصبح‬ ‫‪)f‬‬ ‫الجهاز ملقما ً (سيرفر ويب) ‪.‬‬ ‫مالحظة‬ ‫في ‪ WINDOWS SEVEN‬ال نحتاج حتى إلى إدخال قرص نظام التشغيل‬ ‫خطوات تنصيب ‪ IIS 5.0‬على ‪: WINDOWS XP‬‬ ‫أدخل قرص نظام التشغيل ‪. WINDOWS XP‬‬ ‫‪)a‬‬ ‫قائمة أبدأ ‪.‬‬ ‫‪)b‬‬ ‫لوحة التحكم ‪.‬‬ ‫‪)c‬‬ ‫إضافة و إزالة البرامج ‪.‬‬ ‫‪)d‬‬ ‫إضافة و إزالة مكونات ‪. WINDOWS‬‬ ‫‪)e‬‬ ‫نقوم بعمل اختيار على خدمات معلومات اإلنترنت (‪. )IIS‬‬ ‫‪)f‬‬ ‫ننقر على زر التالي و سوف تحمل الملفات الخاصة و بعد اكتمال التحميل يصبح‬ ‫‪)g‬‬ ‫الجهاز ملقما ً (سيرفر ويب) ‪.‬‬ ‫مالحظة‬ ‫بعد إتمام تنصيب ( ‪ IIS ) Internet Information Services‬يتكون مجلد في القرص ‪C‬‬ ‫اسمه ‪ Initpub‬فيه مجموعة من المجلدات‪ ،‬سوف ينصب اهتمامنا حول المجلد ‪wwwroot‬‬ ‫والذي سنضع فيه مجلدات المشاريع التي نصممها ‪.‬‬ ‫و الختبار إتمام تحميل ‪ IIS‬بنجاح نقوم بتشغيل المتصفح وكتابة ‪ localhost‬ثم نضغط على‬ ‫‪ ، Enter‬فإذا قام المتصفح بفتح صفحة ترحيبية خاصة بالـ(‪ )IIS‬مثل ما تظهر في أحد‬ ‫‪4‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫الصورتين التاليتين (‪ ،)2( ، )1‬فان ذلك يعني نجاح عملية تحميله و إال فهنالك خلل أو نقص في‬ ‫تحميل الـ(‪. )IIS‬‬ ‫الصورة (‪ )2‬تظهر عند حتميل ‪IIS 5.0‬‬ ‫الصورة (‪ )1‬تظهر عند حتميل ‪IIS 7.0‬‬ ‫بعض مميزات برمجة الويب في ‪: ASP.NET‬‬ ‫تشبه تطبيقات ويب في ‪ ASP.NET‬إلى حد كبير تطبيقات ‪WINDOWS‬المشهورة‬ ‫‪.1‬‬ ‫بسهولتها ‪ ،‬إذا تتولى ‪ VB‬أو ‪ C#‬أو ‪ C++.NET‬إدارة الملفات في الملقم – السيرفر‪-‬‬ ‫تلقائيا ً و ال نحتاج إلى ذكر ذلك بشكل صريح في الشفرة ‪.‬‬ ‫إمكانية ما تقدمه بيئة الدوت نت من برمجة السحب و اإلفالت (‪)DRAG AND DROP‬‬ ‫‪.2‬‬ ‫موجود في بناء الصفحات في تطبيقات ‪. ASP.NET‬‬ ‫تصميم الواجهة لما يدعى ما تراه هو ما تحصل عليه ) ‪ ) WYSIWYG‬والتي هي‬ ‫‪.3‬‬ ‫اختصار لـ )‪. (WHAT YOU SEE IS WHAT YOU GET‬‬ ‫يمكن تطويرها بأكثر من لغة عالية المستوى مثل ‪ C++.NET,C#,VB.NET‬في نفس‬ ‫‪.4‬‬ ‫المشروع ‪.‬‬ ‫تدعم لغة التوصيف ‪. XML‬‬ ‫‪.5‬‬ ‫تدعم ‪ ASP.NET‬البرمجة الموجهة نحو الهدف (البرمجة الكائنية ) ‪. OOP‬‬ ‫‪.6‬‬ ‫توفر ‪ ASP.NET‬الكثير من أدوات التحكم ‪ Server Controls‬والتي تحوي بدورها‬ ‫‪.7‬‬ ‫الكثير من الخصائص و األحداث – ما يجعل البرمجة ضمنها أكثر دقة و سهولة من غيرها‬ ‫من لغات برمجة الويب التي تلقي بمعظم ذلك على عاتق المبرمج ‪.‬‬ ‫كما أن هناك العديد من المميزات األخرى التي ال يتسع المجال لذكرها ‪.‬‬ ‫‪5‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫للمطور ‪:‬‬ ‫ّ‬ ‫تنفيذ أول مشروع ‪ ASP.NET‬و شرح النوافذ التي تظهر‬ ‫‪ )A‬ننقر على إيقونة فيجوال ستديو ‪ 2002‬من سطح المكتب ‪ ،‬أو من قائمة أبدأ ثم كافة البرامج‬ ‫ومن قائمة البرامج نختار ‪ Microsoft Visual Studio 2008‬ثم ‪Microsoft Visual‬‬ ‫‪. Studio 2008‬‬ ‫‪ )B‬من نافذة فيجوال ستديو ‪ 2002‬التي تظهر نختار القائمة ‪ File‬ثم … ‪New Web Site‬‬ ‫‪ )C‬تظهر لك نافذة ‪New Web Site‬‬ ‫‪6‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫من النافذة السابقة (‪ )New Web Site‬نفصل ما رقـمـناه فيها ‪:‬‬ ‫‪ )1‬نختار نوع التطبيق و هنا اختارنا ‪ASP.NET Web Site‬‬ ‫وهو النوع الذي نختاره لبناء صفحات الويب و هو نوع الذي غالبا ما يختار ‪ ،‬و هنالك أنواع‬ ‫أخرى مثل ‪:‬‬ ‫أ‪ ASP.NET Web Service -‬و هي تطبيقات تبني خدمات ويب و سوف نشرحها في‬ ‫دروس الحقة ‪.‬‬ ‫ب‪ Empty Web Site -‬وهو تطبيق ويب فارغ نبنيه حسب ما نريد ‪.‬‬ ‫ت‪ WCF service -‬و هو تطبيق لبناء خدمات ‪ WCF‬و سوف نشرحه في دروس الحقة ‪.‬‬ ‫ث‪ ASP.NET Reports Web Site -‬و هو تطبيق يعمل على عرض تقارير من قواعد‬ ‫البيانات على صفحات الويب و هذا النوع من التقارير من نوع تقارير الدوت نت‬ ‫(‪. )Report Viewer‬‬ ‫ج‪ ASP.NET Crystal Reports Web Site -‬و هو تطبيق يعمل على عرض تقارير‬ ‫من قواعد البيانات على صفحات الويب و هذا النوع من التقارير من نوع تقارير (‬ ‫‪. )Crystal Report‬‬ ‫‪ : Location )2‬ومن هذه القائمة نختار موضع تخزين المشروع و أي ‪ IIS‬سوف ينفذ‬ ‫المشروع ‪ ،‬في هذه القائمة عدة قيم هي ‪:‬‬ ‫أ‪ : File System -‬وفي حال اختيار هذا العنصر فإنه سوف ينفذ المشروع عن طريق‬ ‫الـ(‪ )IIS‬الموجود ضمن الـ(‪ )Visual Studio‬و ليس ما تم تحميله من لوحة التحكم ‪ ،‬و‬ ‫من هذا فانه يمكن تخزين المشروع في أي مكان في الجهاز وعند تنفيذ المشروع فان‬ ‫الـ(‪ )IIS‬الموجود في الـ(‪ )Visual Studio‬ينشئ مسار افتراضي في ال ‪. localhost‬‬ ‫ب‪ : HTTP -‬في حال اختيار هذا العنصر فإنه سوف ينفذ المشروع عن طريق الـ)‪ ) IIS‬الذي‬ ‫نزلناه من قرص نظام التشغيل و الذي شرحنا خطوات تنصيبه سابقا ً و في حال اختياره‬ ‫فانه يجب تخزين المشاريع في ال ‪ localhost‬كما في التالي ‪:‬‬ ‫‪ http://localhost/website1‬هذا يعني أن المشروع سوف يخزن‬ ‫‪ C:\inetpub\wwwroot‬الذي تكلمنا عنه سابقا ً ‪.‬‬ ‫ت‪ : FTP -‬وهذا يعني تكوين تطبيقات تتعامل مع السيرفر و تسمح بتناقل الملفات من و إلى‬ ‫السيرفر ‪.‬‬ ‫مالحظة‬ ‫قامت ‪ MICROSOFT‬بإدراج ‪ IIS‬محلي ضمن بيئة الدوت نت و ذلك كي يتسنى لنا تنفيذ‬ ‫مشاريع الـ (‪ ) ASP.NET‬حتى و إن لم نقم بتنزيل الـ(‪ )IIS‬من قرص نظام التشغيل‪ ،‬وهذا ما لم‬ ‫يكن ممكنا ً في إصدارات ‪ ASP‬السابقة قبل إنتاج تقنية الدوت نت ‪.‬‬ ‫‪7‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫‪ : Language )3‬و عن طريق هذه القائمة نقوم باختيار اللغة التي سوف نكتب – نبرمج ‪-‬‬ ‫بها تطبيقات ‪ ASP.NET‬هذه اللغة قد تكون ‪ VB.NET‬أو ‪ C#‬أو ‪ C++.NET‬أو ‪ J#‬أو‬ ‫أي لغة تضاف إلى لغات الدوت نت‪.‬‬ ‫‪ :Browse )4‬ومن هذا الزر نستعرض لنحدد األقراص والمجلدات التي سوف نحفظ‬ ‫فيها المشروع‪.‬‬ ‫‪ : OK )5‬بعد النقر على هذا الزر يتم تكوين مشروع حسب اإلعدادات المحددة في النقاط‬ ‫السابقة ‪.‬‬ ‫نكمل بقية خطوات إنشاء أول مشروع‬ ‫‪ )D‬تظهر لدينا الواجهة التالية ‪ :‬و التي هي الواجهة الرئيسية لبناء لتطبيقات ‪ASP.NET‬‬ ‫‪ -‬سوف تشرح مكوناتها بعد شرح و تنفيذ هذا المثال ‪ -‬نختار من القائمة ‪ToolBox‬‬ ‫الجانبية المحددة بالرقم واحد األداتين ‪ Textbox‬و ‪ Button‬المحددتين بالرقم اثنين‬ ‫لتظهر األداتين في جسم الصفحة كما هو محدد الرقم ثالثة ‪.‬‬ ‫نقوم بالنقر على األداة ‪ Button‬نقرتين لتظهر لنا صفحة الكود التالية نكتب فيها الرسالة‬ ‫الترحيبية الشهيرة التي تبدأ بها معظم كتب البرمجة !‪. Hello world‬‬ ‫‪VB.NET‬‬ ‫‪8‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫‪C#‬‬ ‫و اآلن جاء وقت التنفيذ ‪،‬نقوم بتنفيذ أول مشروع عن طريق المفتاح ‪ F5‬أو من ‪ Debug‬ثم‬ ‫‪ Start Debugging‬لتظهر أمامك النافذة التالية‬ ‫ما المقصود بالخيارين السابقين ؟‬ ‫‪ ‬الخيار األول ‪ :‬يعني هل تسمح للغة بعمل تنقيح ‪ Debug‬في حال حدوث خطأ في‬ ‫الصفحة ‪.‬أي إذا حدث خطأ في الصفحة فإن اللغة تتدخل وتظهر رسالة صفراء على‬ ‫سطر الكود الذي فيه الخطأ ‪ ،‬و يتم السماح للغة بعمل ذلك عن طريق تعديل الملف‬ ‫‪. Web.config‬‬ ‫‪ ‬الخيار الثاني ‪ :‬يعني أنه يتم التنفيذ من غير تنقيح من اللغة و لذا فإذا حدث أي خطأ في‬ ‫الصفحة فان اللغة ال تتدخل و تظهر صفحة خطأ ‪.‬‬ ‫سوف نختار الخيار األول و هو الخيار المفضل ‪،‬بعد ذلك تنفذ الصفحة ويعمل المتصفح و‬ ‫تظهر الصفحة عليه ‪.‬‬ ‫يظهر في الصفحة الزر و مربع النص و في حال النقر على الزر يظهر في مربع النص‬ ‫الرسالة الترحيبية كما في التالي ‪.‬‬ ‫و بذا نكون قد نفذنا أول مثال في ‪. ASP.NET‬‬ ‫‪9‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫مكونات صفحات ‪: ASP.NET‬‬ ‫تنقسم صفحة ‪ ASP.NET‬في تطبيقات الويب إلى ملفين ‪:‬‬ ‫‪ )1‬ملف الواجهة (الصفحة الواجهة )‪ :‬وهي الجزء المرئي من صفحة ‪ ASP.NET‬و تبنى‬ ‫هذه الصفحة بلغة ‪ XHTML‬و تحمل الصفحة االمتداد – الالحقة ‪.ASPX -‬‬ ‫مالحظة‬ ‫يمكن أن تحوي هذه الصفحة على شفرات بلغة تعمل ضمن المستعرض مثل‬ ‫‪ ،VBSCRIPT ، JSCRIPT ، JAVASCRIPT‬أو أكواد تنسيق الصفحات مثل ‪. CSS‬‬ ‫هذه الصورة توضح الواجهة لملف ‪ASP.NET‬‬ ‫‪ )2‬ملف الشفرة التي تعمل ضمن الملقم – السيرفر – هذه الشفرة قد تكون بلغة ‪VB‬‬ ‫وبالتالي يحمل هذا الملف االمتداد ‪ ،.aspx.vb‬و إذا كانت الشفرة بلغة ‪ C#‬فان هذا‬ ‫الملف يحمل االمتداد ‪.aspx.cs‬‬ ‫مالحظة يمكن دمج ملف الواجهة و ملف شفرة ‪ VB.NET‬أو ‪ C#‬في ملف واحد ‪.‬‬ ‫هذه صورة الملف التي يحتوي على شفرة ‪VB‬‬ ‫‪VB.NET‬‬ ‫و إذا كنت تعمل على ‪ C#‬فهذا هو ملف شفرة ‪C#‬‬ ‫‪C#‬‬ ‫‪01‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫شرح واجهة بيئة ‪: ASP.NET‬‬ ‫تتكون واجهة بيئة ‪ ASP.NET‬من المكونات المرقمة في الصورة التي في أعاله ‪:‬‬ ‫‪ : Solution Explorer.1‬هذه النافذة تحدد الملفات المكونة للمشروع فمثالً‬ ‫المشروع الحالي المعروض في الصورة السابقة مكون من الملفات و المجلدات‬ ‫التالية ‪:‬‬ ‫‪ : App_Data ‬و هو مجلد في المشروع عاد ًة نضع فيه قواعد البيانات‪.‬‬ ‫‪ : Default.aspx ‬و هو ملف الواجهة المرئية لصفحة ‪ ASP.NET‬و‬ ‫يتفرع منه ملف الشفرة‪ -‬الكود – لهذه الصفحة ‪ Default.aspx.vb‬أو‬ ‫‪. Default.aspx.cs‬‬ ‫‪ : Web.config ‬وهو ملف‪ XML‬يحتوي على إعدادات المشروع الذي‬ ‫تصممه(الموقع الذي تصممه) من تنقيح و صالحيات و تحقق وغيره‪.‬‬ ‫‪00‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫‪ : Toolbox‬هذه نافذة تحتوي على األدوات التي نرغب بإضافتها إلى الموقع ‪ ،‬هذه‬ ‫‪.2‬‬ ‫األدوات مقسمة في مجموعات منطقية (فئات) ‪.‬‬ ‫‪ : Properties‬هذه النافذة تعرض خصائص األدوات أو العناصر‪ -‬الوسوم ‪-‬‬ ‫‪.3‬‬ ‫المحددة ‪.‬‬ ‫‪: Default.aspx.vb‬هذا هو الملف الذي نكتب فيه شفرة ‪ VB‬أو يكون اسم هذا‬ ‫‪.4‬‬ ‫الملف ‪ Default.aspx.cs‬في حال كانت الشفرة بلغة ‪. C#‬‬ ‫‪ : Default.aspx‬هذا هو ملف الواجهة لصفحة الويب ‪ ،‬الحظ الصفحة‬ ‫‪.5‬‬ ‫المعروضة أمامك و التي فيها زر و مربع نص ‪ ،‬و كما أسلفنا سابقا ً هذا الملف‬ ‫مكتوب – مصمم ‪ -‬بلغة ‪. XHTML‬‬ ‫مالحظة‬ ‫‪ ‬أين شفرة ‪ XHTML‬المصممة لصفحة الواجهة و كيف يمكن الوصول إليها ؟‬ ‫‪ ‬لإلجابة على هذا السؤال أعلم عزيزي القارئ أن ملف الواجهة ‪Default.aspx‬‬ ‫يمكن عرضه بثالثة طرق ‪ ،‬هذه الطرق هي ‪ Design‬و ‪ Split‬و ‪ Source‬المحددة‬ ‫في الصورة السابقة باألرقام ستة و سبعة و ثمانية ‪.‬‬ ‫‪ : Design.6‬و في هذا الوضع من العرض فإن الصفحة تعرض في بيئة ‪Visual‬‬ ‫‪ Studio‬كما سوف تعرض على المتصفح ‪ ،‬أي أننا ال نرى كود ‪XHTML‬‬ ‫المصمم للصفحة و إنما الصفحة الناتجة في حال تنفيذ هذا الكود ‪.‬‬ ‫يميز هذه الوضع من العرض أنه يمكن أن تصمم الصفحة بشكل مرئي و كأنك‬ ‫تستخدم برنامج )‪ (Word‬أو برنامج (‪ ) FrontPage‬وال تحتاج إلى كتابة كل تلك‬ ‫الكمية الهائلة من أكواد ‪ ، HTML‬أنت تقوم بسحب األدوات و اإلفالت في‬ ‫الصفحة و عمل التنسيقات يدويا ً عن طريق النوافذ المعدة لذلك و المعالج هو من‬ ‫يتولى كتابة الشفرات بدالً عنك ‪.‬‬ ‫الوضع الذي تراه في الصورة السابقة هو الوضع ‪. Design‬‬ ‫‪ : Split.7‬هذا الوضع يمكن الدخول إليه عن طريق النقر على زر ‪ split‬أسفل‬ ‫الصفحة ‪ ،‬هذا الوضع من العرض يعرض الصفحة على قسمين قسم يعرض‬ ‫الصفحة كما في الوضع ‪ Design‬و قسم أخر يعرض شفرة ‪ XHTML‬المصممة‬ ‫للصفحة ‪ ،‬يمكنك سحب األدوات و إفالتها في أيا ً من القسمين أو كتابة كود‬ ‫‪ XHTML‬إذا أردت ذلك ‪.‬‬ ‫مالحظة‬ ‫للعمل مع ‪ ASP.NET‬يجب أن تكون لديك معرفة جيدة بلغة الوسوم ‪ ، HTML‬كما‬ ‫يفضل وجود معرفة بالـ( ‪. )XHTML‬‬ ‫‪02‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫هذه صورة توضيحية للعرض في النمط ‪Split‬‬ ‫‪ : Source.2‬في هذا الوضع يعرض لنا كود ‪ XHTML‬المكون والباني للصفحة ‪،‬‬ ‫يمكنك أن تحرره إذا كانت لديك المعرفة الكافية ب ‪ XHTML‬و أردت تصميم‬ ‫الصفحة عن طريق كتابة شفرة ‪ XHTML‬بنفسك ‪،‬إذا قمت بسحب أي أداة من‬ ‫صندوق األدوات إلى الصفحة و كان وضع العرض هو ‪ source‬فال تتوقع أن‬ ‫تضاف األداة نفسها ضمن الكود و لكن سوف تضاف شفرة إضافة األداة إلى شفرة‬ ‫تصميم الصفحة ‪.‬‬ ‫هذه صورة توضيحية للعرض في النمط ‪Source‬‬ ‫‪03‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫إنشاء مشروع ويب متعدد النماذج‬ ‫نحن نعلم جميعا ً أن معظم مواقع الويب تتكون من أكثر من صفحة واحدة ‪.‬‬ ‫‪ ‬كيف يمكن إضافة صفحات ‪ ASP.NET‬أخرى أو صفحات ‪ HTML‬إلى المشروع ؟‬ ‫‪ ‬عن طريق قائمة ‪ website‬نختار البند … ‪ Add New Item‬فتظهر لنا نافذة نختار‬ ‫منها ‪ Web Form‬إذا أردت إضافة صفحة ‪ ASP.NET‬أو نختار ‪HTML Page‬‬ ‫إذا أردت إضافة صفحة ‪. Html‬‬ ‫‪ ‬عن طريق بالنقر بزر الفأرة األيمن على اسم المشروع في نافذة ‪Solution‬‬ ‫‪ Explorer‬لتظهر لنا قائمة نختار منها … ‪ Add New Item‬فتظهر لنا نافذة نختار‬ ‫منها ‪ Web Form‬إذا أردت إضافة صفحة ‪ ASP.NET‬أو نختار ‪HTML Page‬‬ ‫إذا أردت إضافة صفحة ‪. Html‬‬ ‫‪04‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫عناصر التحكم في بيئة ‪ASP.NET‬‬ ‫يوجد في تقنية ‪ ASP.NET‬نوعين من األدوات – من حيث مكان عمل شفراها ‪: -‬‬ ‫النوع األول ‪ :‬عناصر تحكم ملقم ويب ‪Web Server Controls‬‬ ‫تعمل هذه األدوات ضمن الملقم –السييرفر ‪ -‬ذليك ألن شيفرة هيذه األدوات بلغية ‪ VB‬أو ‪ C#‬أو ‪...‬‬ ‫الييخ التييي ال يسييتطيع المتصييفح ترجمتهييا ‪ ،‬هييذا يعنييي أنييه عنييد حييدوث أي حييدث ألي ميين هييذه‬ ‫األدوات ‪ ،‬و كان هنالك شفرة – كود ‪ -‬معالجة لهذا الحدث ‪ ،‬فان الصيفحة ترسيل إليى السييرفر‬ ‫لمعالجة الحدث ثم العودة من الملقم بصفحة جديدة فيها التعديالت ‪ ،‬تسيمى تينقالت الصيفحة بيين‬ ‫السييرفر و المتصيفح بيالجوالت اليدوارة )‪ ، (round trip to server‬تجيد هيذه العناصير فيي‬ ‫معظم األقسام (الفئات ) داخل صندوق األدوات ‪ Toolbox‬أهمها القسم ‪. Standard‬‬ ‫و سوف نذكر تفاصيلها بعد شرح عناصر تحكم ‪. HTML‬‬ ‫مالحظة‬ ‫توفر عناصر تحكم ملقم ويب أحداث و طرق و خصائص أكثر مما توفره عناصر تحكم‬ ‫‪ ، HTML‬لكن تظل أقل مما توفره عناصر تحكم ‪. WINDOWS‬‬ ‫النوع الثاني ‪ :‬عناصر تحكم ‪: HTML‬‬ ‫تعالج هذه األدوات ضمن المتصفح (في جهاز العميل ) ‪،‬أي أن المتصفح هو من ينفذ شفرات‬ ‫معالجة أحداثها ‪ ،‬تكتب شفرات معالجة أحداث هذه األدوات بلغات مثل ‪ JavaScript‬و ‪Jscript‬‬ ‫‪ ،‬يمكن إضافة هذه األدوات إلى الصفحة عن طريق القسم ‪ HTML‬الموجود في صندوق‬ ‫األدوات ‪ ،Toolbox‬تكمن الفائدة من هذه األدوات في توفير الوقت حيث أن الجوالت الدوارة‬ ‫إلى الملقم ‪-‬السيرفر ‪ -‬عند تنفيذ شفرات أدوات ملقم ويب تزيد من وقت تنفيذ الشفرة (تؤخر‬ ‫تنفيذ الشفرة )‪.‬و الصفحات التالية شرح لهذه العناصر ‪.‬‬ ‫‪05‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫وهذا شرح بسيط لعناصر تحكم ‪HTML‬‬ ‫مالحظة‬ ‫سوف يتم ذكر عناصر ‪ HTML‬بشكل سريع على افتراض أنك تملك معرفة جيدة بلغة‬ ‫الوسوم ‪ HTML‬وال تحتاج إلى ذكر تفاصيلها ‪ ،‬فإذا ألبس عليك أيا ً منها ‪ ،‬أو خاصية‬ ‫من خصائص أحداها فقم بمراجعة كتب شرح ‪ HTML‬لتوضيحها ‪.‬‬ ‫عناصر الوسم ‪Input‬‬ ‫و هي مجموعة من األدوات تضاف إلى الصفحة من القسم ‪ HTML‬في صندوق األدوات‬ ‫‪ ، Toolbox‬يمكنك مالحظة أن أسماءها تبدأ بالكلمة ‪ ، Input‬وسم إظهار كل هذه العناصر هو‬ ‫الوسم >‪ ‪‪‪ (‪‪‪‪‪‪‪‪‪border="3" align="left" class="style1" /‬‬ ‫‪Select ‬‬ ‫تستخدم إلدراج قائمة مثل ‪ ComboBox‬و ‪ ListBox‬في صفحة االنترنت وله مجموعة من‬ ‫الخواص أهمها ‪:‬‬ ‫تحدد االسم البرمجي لألداة ‪ ،‬كما تستخدم لعمل تنسيق ‪. CSS‬‬ ‫‪Id‬‬ ‫تحدد االسم البرمجي لألداة ‪.‬‬ ‫‪Name‬‬ ‫تحدد أن القائمة تقبل تحديد أكثر من عنصر في نفس الوقت ‪.‬و تأخذ القيمة‬ ‫‪Multiple‬‬ ‫‪multiple‬‬ ‫تحدد عدد العناصر الظاهرة في األداة ‪.‬‬ ‫‪Size‬‬ ‫هذة الخاصية موجودة بالنسبة للوسم >‪ ‪. "‪‪ Welcome ‫زيتون‬ ‫ للصفحة‬Render ‫و هذا هو جزء فقط من الوسم المقابل لألداة في الصفحة بعد عمل‬. ‫نالحظ أن األداة مكونها الرئيس هو جدول‬ 012  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫األداة ‪RadioButtonList‬‬ ‫تستخدم األداة ‪ RadioButtonList‬في إظهار قائمة من أزرار الراديو ‪ RadioButtons‬مع‬ ‫بعضها البعض و التعامل معها كمجموعة ‪ ،‬بشكل أوضح هي قائمة كل عنصر (بند ) فيها عبارة‬ ‫زر راديو ‪. RadioButton‬‬ ‫يمكن استخدام الخاصية ‪ selectedItem‬لمعرفة هل العنصر محدد أم ال ‪ ،‬و لمعرفة فهرس‬ ‫العنصر نستخدم الخاصية ‪ ، SelectedIndex‬ألم تالحظ أنه ال نحتاج إلى المرور في حلقة‬ ‫لمعرفة العناصر المحددة كما كان في ‪ ، CheckBoxList‬أحرز لماذا ؟ ‪.‬‬ ‫هذه صورة األداة ‪ RadioButtonList‬في صندوق األدوات ‪. Toolbox‬‬ ‫و هذه صورة األداة ‪ RadioButtonList‬في صفحة ‪. ASP.NET‬‬ ‫أهم الخصائص في األداة ‪RadioButtonList‬‬ ‫إضافة إلى الخصائص المشتركة بين كل األدوات التي من نوع قائمة ‪ Lists‬هنالك مجموعة من‬ ‫الخصائص التي الموجودة في األداة ‪ RadioButtonList‬أهمها ‪:‬‬ ‫‪ RepeatDirection‬و تحدد اتجاه عرض عناصر القائمة ‪ ،‬تأخذ هذه الخاصية إحدى قيمتين ‪:‬‬ ‫‪ : RepeatDirection.Vertical )1‬تعني أن عناصر القائمة تظهر عموديا ً ‪ ،‬و هي‬ ‫القيمة االفتراضية ‪.‬‬ ‫ً‬ ‫‪ : RepeatDirection.Horizontal )2‬تعني أن عناصر القائمة تظهر أفقيا ‪.‬‬ ‫وتحدد طريقة عرض القائمة‪ ،‬تأخذ هذه الخاصية إحدى قيم ‪:‬‬ ‫‪RepeatLayout‬‬ ‫‪ : RepeatLayout.Table )1‬تظهر القائمة على شكل جدول ‪ ،‬هي القيمة‬ ‫‪013‬‬  ‫ عمران صاحل‬: ‫إعداد‬ ASP.NET ‫مقدمة يف‬. ‫االفتراضية‬. ‫ تظهر القائمة على بدون جدول‬: RepeatLayout.Flow )2. ‫تظهر القائمة في شكل تعداد نقطي‬: RepeatLayout.UnorderedList )3. ‫ تظهر القائمة في شكل تعداد رقمي‬: RepeatLayout.OrderedList )4.‫ تضبط و تعيد عدد األعمدة التي في القائمة‬RepeatColumns : ‫تضبط و تعيد محاذاة النص الخاص بخانة االختيار و تأخذ إحدى القيمتين التاليتين‬ TextAlign. Left ‫ أو‬Right ‫تضبط و تعيد المسافة بين خانة االختيار و خاليا الجدول التي تحوي خانات االختيار‬ CellPadding. ‫مقدرة بالبكسل‬ ‫تضبط و تعيد المسافة بين خاليا الجدول التي تحوي خانات االختيار مقدرة بالبكسل‬ CellSpacing ‫مثــــال‬ ‫ و مربع نص‬Button ‫ و زر‬RadioButtonList ‫ فيها األداة‬ASP.NET ‫ليكن لديك صفحة‬ ‫ نص العنصر‬TextBox ‫ يظهر في مربع النص‬Button ‫ عند النقر على الزر‬TextBox. RadioButtonList ‫(البند) المحدد من القائمة‬ ‫اإلجابة‬ VB.NET Partial Class Default4 Inherits System.Web.UI.Page Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click TextBox1.Text = RadioButtonList1.SelectedItem.Text End Sub End Class C# using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default2 : System.Web.UI.Page { protected void Button1_Click(object sender, EventArgs e) { TextBox1.Text = RadioButtonList1.SelectedItem.Text; } } 014  ‫ عمران صاحل‬: ‫إعداد‬ ASP.NET ‫مقدمة يف‬ ‫ لكن هذا‬، ‫ألم تالحظ أننا لم نحتاج إلى حلقة للمرور على عناصر (بنود) القائمة كلها و اختبارها‬ ‫ سوف يقوم‬CheckBoxList ‫ و إذا قمنا بذلك مع القائمة‬، CheckBoxList ‫ال يجدي مع القائمة‬.‫ يترك تنفيذ ذلك كتمرين للقارئ‬، CheckBoxList ‫بإرجاع أول عنصر (بند) محدد من القائمة‬ ‫مثــــال‬ ‫ عند النقر على‬، Button ‫ و زر‬RadioButtonList ‫ فيها األداة‬ASP.NET ‫ليكن لديك صفحة‬ ‫ و يصبح نص‬، ‫ على شكل تعداد رقمي‬RadioButtonList ‫ تظهر األداة‬Button ‫الزر‬. "‫العنصر (بند) من القائمة هو "هذا عنصر جديد‬ ‫اإلجابة‬ VB.NET Partial Class Default4 Inherits System.Web.UI.Page Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click RadioButtonList1.RepeatLayout = RepeatLayout.OrderedList RadioButtonList1.SelectedItem.Text = "‫"هذا عنصر جديد‬ End Sub End Class C# using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default3 : System.Web.UI.Page { protected void Button1_Click(object sender, EventArgs e) { RadioButtonList1.RepeatLayout = RepeatLayout.OrderedList ; RadioButtonList1.SelectedItem.Text = "‫;"هذا عنصر جديد‬ } } 015  ‫ عمران صاحل‬: ‫إعداد‬ ASP.NET ‫مقدمة يف‬ default.aspx ‫ في صفحة‬RadioButtonList ‫و هذا هو وسم إظهار األداة‬ ‫ ‫ ‫ ‫ ‫ ‫ للصفحة‬Render ‫و هذا هو جزء فقط من الوسم المقابل لألداة في الصفحة بعد عمل‬. ‫نالحظ أن األداة مكونها الرئيس هو جدول‬ 016  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫األداة ‪ListBox‬‬ ‫هي أداة تحكم تظهر على شكل قائمة مفتوحة في صفحة ‪. ASP.NET‬‬ ‫تسمح عناصر التحكم هذه بعمليات اختيار أحادية لعناصر (بنود ) القائمة ‪ ، ListBox‬أو بعمليات‬ ‫اختيار متعددة لعناصر (بنود ) القائمة ‪. ListBox‬‬ ‫تستخدم الخاصية ‪ SelectionMode‬لتحديد نوع التحديد في القائمة و تأخذ أحدى قيمتين‪:‬‬ ‫‪‬‬ ‫‪ : Single‬إذا أردنا أن يكون نوع التحديد أحادي ‪.‬‬ ‫‪ : Multiple‬إذا أردنا أن يكون نوع التحديد متعدد ‪.‬‬ ‫تستخدم الخاصيتين ‪ SelectedItem‬و ‪ SelectedIndex‬لتحديد العنصر المحدد و فهرس‬ ‫‪‬‬ ‫العنصر المحدد على الترتيب في القائمة ‪ ListBox‬في حال كانت طريقة التحديد في القائمة‬ ‫أحادية لعناصر القائمة ‪.‬‬ ‫لكن تذكر أنه في حال وجود اختيار متعدد لعناصر القائمة ‪ ListBox‬تعيد هذه الخاصية‬ ‫‪‬‬ ‫العنصر المحدد و فهرس العنصر المحدد صاحب أقل فهرس ‪ ،‬إذاً كيف يمكن معرفة جميع‬ ‫العناصر المحددة القائمة متعددة االختيار ؟‬ ‫لمعرفة جميع العناصر المحددة في القائمة متعددة االختيار تحتاج إلى حلقة تمر فيها على‬ ‫‪‬‬ ‫العناصر (بنود ) و تختبر الخاصية ‪ selected‬لمعرفة هل العنصر محدد أم ال ‪ ،‬ستتضح الجملة‬ ‫السابقة أكثر مع األمثلة القادمة ‪.‬‬ ‫أهم أحداث هذه األداة هو الحدث ‪. SelectedIndexChanged‬‬ ‫‪‬‬ ‫هذه صورة األداة ‪ ListBox‬في صندوق األدوات ‪. Toolbox‬‬ ‫و هذه صورة األداة ‪ ListBox‬في صفحة ‪. ASP.NET‬‬ ‫‪017‬‬  ‫ عمران صاحل‬: ‫إعداد‬ ASP.NET ‫مقدمة يف‬ ListBox ‫أهم الخصائص في األداة‬ ‫ هنالك مجموعة من‬Lists ‫إضافة إلى الخصائص المشتركة بين كل األدوات التي من نوع قائمة‬ : ‫ أهمها‬ListBox ‫الخصائص التي الموجودة في األداة‬ ‫ و تأخذ إحدى‬ListBox ‫تضبط و تعيد نمط االختيار في مربع القائمة‬ SelectionMode : ‫قيمتين‬. ‫ تجعل القائمة تسمح باختيار أحادي‬: Single.1. ‫ تجعل القائمة تسمح باختيار متعدد‬: Multiple.2 ListBox ‫أهم أحداث في األداة‬ : ‫إضافة إلى األحداث المشتركة هناك حدث مشترك بين القوائم مهم هو‬. ‫يقع عند تغيير العنصر المختار في القائمة‬ SelectedIndexChanged ‫مثــــال‬ ، Two Buttons ‫ و زرين‬Two ListBoxes ‫ فيها أداتي قائمة‬ASP.NET ‫ليكن لديك صفحة‬ ‫ و بعد تحديدك‬، ‫ متعدد التحديد‬ListBox ‫ تصبح األداة‬Button1 ‫عند النقر على الزر األول‬ ‫ يقوم بنقل األولى إلى الثانية بشكل‬Button2 ‫لعدة بنود من القائمة و النقر على الزر الثاني‬. ‫معكوس‬ ‫اإلجابة‬ VB.NET Partial Class Default8 Inherits System.Web.UI.Page Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click ListBox1.SelectionMode = ListSelectionMode.Multiple End Sub Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click For i As Integer = ListBox1.Items.Count - 1 To 0 Step -1 If ListBox1.Items(i).Selected = True Then ListBox2.Items.Add(ListBox1.Items(i).Text) ListBox1.Items.RemoveAt(i) End If Next End Sub End Class 018  ‫ عمران صاحل‬: ‫إعداد‬ ASP.NET ‫مقدمة يف‬ C# using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default7 : System.Web.UI.Page { protected void Button1_Click(object sender, EventArgs e) { ListBox1.SelectionMode = ListSelectionMode.Multiple ; } protected void Button2_Click(object sender, EventArgs e) { for (int i = ListBox1.Items.Count - 1 ; i >= 0 ; i--) { if (ListBox1.Items[i].Selected == true) { ListBox2.Items.Add(ListBox1.Items[i].Text); ListBox1.Items.RemoveAt(i); } } } } default.aspx ‫ في صفحة‬ListBox ‫و هذا هو وسم إظهار األداة‬ ‫ ‫ ‫ ‫ ‫ ‫ ‫ للصفحة‬Render ‫و هذا هو الوسم المقابل لألداة في الصفحة بعد عمل‬ 019  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫>‪""برمجة مرئية"=‪‪"برمجة إجرائية"=‪‪"تقنية ويب"=‪‪"قواعد بيانات"=‪‪"شبكات"=‪‪ 003  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫‪004‬‬  ‫إعداد ‪ :‬عمران صاحل‬ ‫مقدمة يف ‪ASP.NET‬‬ ‫الفهـرس‬ ‫رقم الصفحة‬ ‫الموضوع‬ ‫‪1‬‬ ‫ما هي ‪ASP.NET‬‬ ‫‪2‬‬ ‫المتطلبات الواجب توافرها في الملقم لتشغيل صفحات ‪ASP.NET‬‬ ‫‪3‬‬ ‫خطوات تنصيب ‪ IIS‬على ‪Windows 7‬‬ ‫‪3‬‬ ‫خطوات تنصيب ‪ IIS‬على ‪Windows XP‬‬ ‫‪6‬‬ ‫تنفيذ أول مشروع ‪ASP.NET‬‬ ‫‪10‬‬ ‫مكونات صفحات ‪ASP.NET‬‬ ‫‪14‬‬ ‫إنشاء مشروع متعدد النماذج‬ ‫‪15‬‬ ‫عناصر التحكم في بيئة ‪ASP.NET‬‬ ‫‪15‬‬ ‫عناصر تحكم ملقم ويب‬ ‫‪15‬‬ ‫عناصر تحكم ‪HTML‬‬ ‫‪25‬‬ ‫‪Documnt‬‬ ‫‪26‬‬ ‫تنسيقات الصفحة‬ ‫‪33‬‬ ‫توضع األدوات في الصفحة‬ ‫‪37‬‬ ‫الصنف ( الفئة ) ‪Page‬‬ ‫‪40‬‬ ‫‪Rendering‬‬ ‫‪42‬‬ ‫األداة ‪Button‬‬ ‫‪50‬‬ ‫األداة ‪TextBox‬‬ ‫‪56‬‬ ‫األداة ‪Label‬‬ ‫‪52‬‬ ‫األداة ‪Literal‬‬ ‫‪60‬‬ ‫األداة ‪CheckBox‬‬ ‫‪64‬‬ ‫األداة ‪RadioButton‬‬ ‫‪67‬‬ ‫األداة ‪HyperLink‬‬ ‫‪71‬‬ ‫األداة ‪LinkButton‬‬ ‫‪005‬‬  ‫ عمران صاحل‬: ‫إعداد‬ ASP.NET ‫مقدمة يف‬ 75 Image ‫األداة‬ 72 ImageButton ‫األداة‬ 22 PlaceHolder ‫األداة‬ 25 Panel ‫األداة‬ 90 Calendar ‫األداة‬ 96 ‫القوائم‬ 92 CheckBoxList ‫القائمة‬ 103 RadioButtonList ‫القائمة‬ 106 ListBox ‫القائمة‬ 111 DropDownList ‫القائمة‬ 115 ‫الفهرس‬ 006