ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير

اذهب الى الأسفل

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير Empty ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير

مُساهمة من طرف م/موسي في السبت يوليو 20, 2013 8:54 am

بسم الله الرحمن الرحيم

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

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

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

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 937595807

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

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 227580702

من النافذة السابقة 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 المحددتين بالرقم اثنين لتظهر الأداتين في جسم الصفحة كما هو محدد الرقم ثلاثة .

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 742723712

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

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 339797970

و الآن جاء وقت التنفيذ ،نقوم بتنفيذ أول مشروع عن طريق المفتاح F5 أو من Debug ثم Start Debugging لتظهر أمامك النافذة التالية :
ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 377270369

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

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

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

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 731944954

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

مكونات صفحات ASP.NET :

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

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

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 800119372

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

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 685037512


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

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

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 793190157

تتكون واجهة بيئة 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 إذا أردت ذلك .

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 962303364
هذه صورة توضيحية للعرض في النمط Spl

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

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير 606043469
هذه صورة توضيحية للعرض في النمط Source

 وهكذا نكون قد أنتهيا من هذا الدرس الى القاء فى درس جديد إن شاء الله تعالى :
م/موسي
م/موسي
الاشراف
الاشراف

تاريخ التسجيل : 18/02/2011
المساهمات : 171
النقاط : 331
التقيم : 12
الدولة : تونس
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير Empty رد: ASP.NET للمبتدئين ....الدرس الثانى _تنفيذ أول مشروع ASP.NET و شرح بنية التطوير

مُساهمة من طرف أحمد مناع في السبت يوليو 20, 2013 9:36 am

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

ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
سبحان الله وبحمدة .....سبحان الله العظيم
أحمد مناع
أحمد مناع
.
.

تاريخ التسجيل : 15/02/2011
المساهمات : 980
النقاط : 201761
التقيم : 117
الدولة : مصر
الجنس : ذكر

http://egy-tech.forumegypt.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

ََ

مواضيع ذات صلة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى