أهلا بكم الاخوة الافاضل ....الدرس هيك سنقوم بتنفيذ أول مشروع ASP.NET وايضا سنشرح بنية التطوير ....كما يلى :

1_ ننقر على إيقونة فيجوال ستديو 2002 من سطح المكتب ، أو من قائمة أبدأ ثم كافة البرامج ومن قائمة البرامج نختار Microsoft Visual Studio 2008 ثم Microsoft Visual Studio 2008

2_من نافذة فيجوال ستديو 2002 التي تظهر نختار القائمة File ثم New Web Site …

3_تظهر لك نافذة New Web Site


من النافذة السابقة 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

2 _ Location ومن هذه القائمة نختار موضع تخزين المشروع و أي 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 السابقة قبل إنتاج تقنية الدوت نت .


3 _Language : و عن طريق هذه القائمة نقوم باختيار اللغة التي سوف نكتب – نبرمج - بها تطبيقات ASP.NET هذه اللغة قد تكون VB.NET أو C# أو C++.NET أو J# أو أي لغة تضاف إلى لغات الدوت نت.

4_ Browse : ومن هذا الزر نستعرض لنحدد الأقراص والمجلدات التي سوف نحفظ فيها المشروع.

5_OK : بعد النقر على هذا الزر يتم تكوين مشروع حسب الإعدادات المحددة في النقاط السابقة .

نكمل بقية خطوات إنشاء أول مشروع

D _ تظهر لدينا الواجهة التالية : و التي هي الواجهة الرئيسية لبناء لتطبيقات ASP.NET - سوف تشرح مكوناتها بعد شرح و تنفيذ هذا المثال - نختار من القائمة ToolBox الجانبية المحددة بالرقم واحد الأداتين Textbox و Button المحددتين بالرقم اثنين لتظهر الأداتين في جسم الصفحة كما هو محدد الرقم ثلاثة .


نقوم بالنقر على الأداة Button نقرتين لتظهر لنا صفحة الكود التالية نكتب فيها الرسالة الترحيبية الشهيرة التي تبدأ بها معظم كتب البرمجة Hello world


و الآن جاء وقت التنفيذ ،نقوم بتنفيذ أول مشروع عن طريق المفتاح F5 أو من Debug ثم Start Debugging لتظهر أمامك النافذة التالية :

ما المقصود بالخيارين السابقين ؟

1_ الخيار الأول : يعني هل تسمح لل غة بعمل تنقيح Debug في حال حدوث خطأ في الصفحة . أي إذا حدث خطأ في الصفحة فإن اللغة تتدخل وتظهر رسالة صفراء على سطر الكود الذي فيه الخطأ ، و يتم السماح للغة بعمل ذلك عن طريق تعديل الملف Web.config .
2_ الخيار الثاني : يعني أنه يتم التنفيذ من غير تنقيح من اللغة و لذا فإذا حدث أي خطأ في الصفحة فان اللغة لا تتدخل و تظهر صفحة خطأ .

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


و بذا نكون قد نفذنا أ و ل مثال في ASP.NET


تنقسم صفحة ASP.NET في تطبيقات الويب إلى ملفين :

1_ ملف الواجهة أو الصفحة الواجهة : وهي الجزء المرئي من صفحة ASP.NET و تبنى هذه الصفحة بلغة XHTML و تحمل الصفحة الامتداد – اللاحقة - .ASPX هذه الصورة توضح الواجهة لملف ASP.NET :


2_ ملف الشفرة التي تعمل ضمن الملقم – السيرفر – هذه الشفرة قد تكون بلغة VB وبالتالي يحمل هذا الملف الامتداد .aspx.vb ، و إذا كانت الشفرة بلغة C# فان هذا الملف يحمل الامتداد .aspx.cs هذه صورة الملف التي يحتوي على شفرة:



ملاحظة :
يمكن أن تحوي هذه الصفحة على شفرات بلغة تعمل ضمن المستعرض مثل JAVASCRIPT ، JSCRIPT ، VBSCRIPT ، أو أكواد تنسيق الصفحات مثل CSS

شرح واجهة بيئة ASP.NET :


تتكون واجهة بيئة ASP.NET من المكونات المرقمة في الصورة التي في أعلاه :

1_Solution Explorer : هذه النافذة تحدد الملفات المكونة للمشروع فمثلا المشروع الحالي المعروض في الصورة السابقة مكون من الملفات و المجلدات التالية :

App_Data : و هو مجلد في المشروع عادةً نضع فيه قواعد البيانات.
Default.aspx : و هو ملف الواجهة المرئية لصفحة ASP.NET و يتفرع منه ملف الشفرة- الكود – لهذه الصفحة Default.aspx.vb أو Default.aspx.cs .

Web.config : وهو ملف XML يحتوي على إعدادات المشروع الذي تصممه الموقع الذي تصممه من تنقيح و صلاحيات و تحقق وغيره.

2_ Toolbox : هذه نافذة تحتوي على الأدوات التي نرغب بإضافتها إلى الموقع ، هذه الأدوات مقسمة في مجموعات منطقية فئات .
3_ Properties : هذه النافذة تعرض خصائص الأدوات أو العناصر- الوسوم -المحددة .

4_ Default.aspx.vb :هذا هو الملف الذي نكتب فيه شفرة VB أو يكون اسم هذا الملف Default.aspx.cs في حال كانت الشفرة بلغة C# .
5_ Default.aspx : هذا هو ملف الواجهة لصفحة الويب ، لاحظ الصفحة المعروضة أمامك و التي فيها زر و مربع نص ، و كما أسلفنا سابقاً هذا الملف مكتوب – مصمم - بلغة XHTML

Design_6 : و في هذا الوضع من العرض فإن الصفحة تعرض في بيئة Visual Studio كما سوف تعرض على المتصفح ، أي أننا لا نرى كود XHTML المصمم للصفحة و إنما الصفحة الناتجة في حال تنفيذ هذا الكود .

يميز هذه الوضع من العرض أنه يمكن أن تصمم الصفحة بشكل مرئي و كأنك تستخدم برنامج (Word) أو برنامج FrontPage  ولا تحتاج إلى كتابة كل تلك الكمية الهائلة من أكواد HTML ، أنت تقوم بسحب الأدوات و الإفلات في الصفحة و عمل التنسيقات يدوياً عن طريق النوافذ المع دة لذلك و المعالج هو من يتولى كتابة الشفرات بدلاً عنك .الوضع الذي تراه في الصورة السابقة هو الوضع Design .

7_ Split : هذا الوضع يمكن الدخول إليه عن طريق النقر على زر split أسفل الصفحة ، هذا الوضع من العرض يعرض الصفحة على قسمين قسم يعرض الصفحة كما في الوضع Design و قسم أخر يعرض شفرة XHTML المصممة للصفحة ، يمكنك سحب الأدوات و إفلاتها في أياً من القسمين أو كتابة كود XHTML إذا أردت ذلك .

هذه صورة توضيحية للعرض في النمط Spl

Source_8 : في هذا الوضع يعرض لنا كود XHTML المكون والباني للصفحة ،يمكنك أن تحرره إذا كانت لديك المعرفة الكافية ب XHTML و أردت تصميم الصفحة عن طريق كتابة شفرة XHTML بنفسك ،إذا قمت بسحب أي أداة من صندوق الأدوات إلى الصفحة و كان وضع العرض هو source فلا تتوقع أن تضاف الأداة نفسها ضمن الكود و لكن سوف تضاف شفرة إضافة الأداة إلى شفرة تصميم الصفحة .

هذه صورة توضيحية للعرض في النمط Source

بالتوفيق أخى الكريم