الدرس الأول في ASP.NET2 (شرح بيئة العمل)

برمودا · 26-05-2007, 01:44 AM

الدرس الأول في Asp.net2 (شرح بيئة العمل)

--------------------------------------------------------------------------------

السلام عليكم
لم أرد التأخر عليكم بالذات بالدرس الأول للغتنا الجبارة ASP.NET

آمل أن تكونوا قد حملتم نسختكم من الويب ديفلوبر اكسبريس وسجلتوها ما مايكروسوفت مجانا أو الفيجوال استوديو

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

طبعا لا تتوجب الاحتراف في الفيجوال بيسك لأن الأمور بسيطة وأنا سأقوم بشرح كل شيء إن شاء الله فلا تحملوا هم البرمجة.

بدء العمل :
بعد تشغيل الويب ديفلوبر أو الفيجوال استوديو نذهب إلى ملف ثم جديد ثم تختار موقع.

نختار مكان حفظ المشروع واللغة المستخدمة وهي الفيجوال بيسك (لمبرمجي السي شارب بامكانهم اختيار لغتهم ) وأيضا كما في الصورة.

نلاحظ بدء إنشاء المشروع ثم ظهور هذه الواجهة المقسمة كالتالي :

1- منطقة العمل :
وفيها يتم إدراج الأدوات وترتيبها ووضع الصور والنصوص أو بمعنى آخر واجهة الصفحة

2- صندوق الأدوات :
وهو يحتوي على الأدوات اللازمة للعمل مثل الزر والقائمة المنسدلة وهم مقسم إلى أجزاء منها الأدوات العامة وأدوات التعامل مع قواعد البيانات وأدوات التحقق والملحقات والمزيد وإن شاء الله ستتعرفون على معظمها.

3- نافذة المشروع :
وهي تحتوي على محتويات المشروع من صفحات وفئات ومجلدات وباقي أنواع الملفات.

4- نافذة الخصائص :
لكل أداة أو لكل محتوى خصائص يمكن التحكم بها وتعديلها من هذه النافذة.

5- التحوبل ال Html وواجهة العمل.
6- الصفحات المفتوحة حاليا.
7- رؤية الكود الملحق الذي أدمجناه بالصفحة
8- إبدأ الخاصة بالوندوز

.
9- بدء تنفيذ المشروع.

والآن سنقوم بعمل أول مشروع بسيط وهو عبارة عن صفحة بها زر وصندوق نص وأداة عنوان (ليبل)
وعند النقر على الزر سيتحول عنوان الليبل بنفس نص الصندوق النصي ( لا تقلقوا راح تفهموا كمان شوية ).

الآن سأقوم بإنشاء جدول وجعله في المنتصف من قائمة Layout ثم بعدها Insert Table

بالإمكان الضغط على تاب من الكيبورد لسطر جديد

ثم سأقوم بسحب وإفلات الآن زر وهو رقم 3 في الصورة
وليبل رقم 1
وصندوق نصي رقم 2 وسأقوم بترتيبها

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

الخطوات :
قم بالنقر في أي منطقة فارغة في منطقة العمل واكتب الكود التالي

كود :

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
'فقط السطرين اللدان في الأسفل يجب أن تدخلهم أنت أما الباقي فإن البرنامج سينشئهم
Button1.Text = "موافق"
Label1.Text = ""

End Sub

الذي قمنا بفعله هو التالي
في حدث بدء تنفيذ الصفحة فإنه سيجعل نص الزر " موافق " بدلا من Button
وأيضا سيجعل نص الليبل فارغ
طبعا في طريقة أخرى وأسهل وإن شاء اله سأشرحها في الدرس الثاني ( درس الخصائص )

ثم قم بالنقر المزدوج على الزر واكتب الكود التالي

كود:

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click

Label1.ForeColor = Drawing.Color.Red
If TextBox1.Text <> "" Then
Label1.Text = TextBox1.Text
Response.Write("تم بنجاح")
Else
Response.Write("فشل")
Label1.Text = "أنت لم تدخل نص"
End If

End Sub

ما الذي يفعله الكود ؟؟؟
طبعا انسوا السطر الأول
طبعا كل الأحداث تحصل عند النقر على الزر
السطر الثاني يتم تغيير لون خط الليبل إلى اللون الأحمر بدلا من الإفتراضي الأسود
ثم نشترط التالي
إذا كان الصندوق النصي غير فارغ فليعمل التالي
يحول عنوان الليبل إلى نفس نص الصندوق النصي
يكتب في بداية الصفحة تم بنجاح ( سأشرح إن شاء الله لاحقا ما هي Response)
وإلا ( أي إذا كان فارغ ) يحدث التالي
يصبح عنوان الليل "أنت لم تدخل نص"
وأيضا يكتب في بداية الصفحة "فشل"

الآن قم بتنفيذ المشروع إما باستخدام CTRL+F5 بدون أن يقوم بالتنقيح أو بالضغط على F5 لوحدها بالتنقيح أو عن طريق المثلث الأخضر في الصورة الثالثة رقم 9
وسنجرب عند ادخال نص وعند كونه فارغا.

ماذا يحدث خلف الكواليس :
عند النقر على الزر فإن المتصفح يرسل اسم الكائن الذي سبب الحدث ونوع الحدث واسم المتصفح ووووو الكثير من الأمور التي ترسل وسنسميها request
بمعنى لو نريد أن نعرف مثلا نوع المتصفح المرسل للصفحة ولأدواتها علينا بالكائن request بمعنى طلب

جرب الآن أن تضيف زر جديد وتكتب التالي عند النقر عليه
Response.Write(Request.Browser.Browser.ToString())

نعيد الفيلم من الأول
أنت ( المستخدم) تقوم بالنقر على الزر فيرسل المتصقح كائن من نوع request إلى السيرفر فيقوم السيرفر والموجوذ عليه الخادم IIS بالنظر إلى كود ال asp.net الموجود أصلا في حدث النقر ثم يقوم بترجمته إلى كود بناءا على ما المعطيات HTML ويرسله إلى المتصفح لكي يفهمه وتسمى بعملية الاستجابة response
طبعا المحترفين لن يعجبهم الأمر ولا المصطلحات ولكن أنا ذكرت أن شرحي مبسط كليا .

ما الذي يقوم بعمله الفيجوال استوديو
طبعا صفحة ال ASP.NET عبارة عن طفحة هتمل عادية وبها شوية اضافات بمفهومنا العادي وهي أوأدوات asp.net.
لننقر الآن على تاب source في رقم 5 بالصورة الثالثة من أعلى
ولننظر ماذا نرى
نرى ما يوفر علينا كتابته الفيجوال استوديو من كود xhtml و أدوات ASP.NET
وهذا لنا درس كامل عليه إن شاء الله وهو الدرس الثالث.

رابط الدرس
http://pharmarab.org/L1/FirstLesson.zip

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

لأي تعديل أنتظر ردودكم وأسأل الله أن يجعله في ميزان حسناتي .
ادعو للشعب الفلسطيني بالنصر لأنني أعدل بالدرس الآن وقصفت بالقرب مني3 بيوت .

أخوكم خليل
من فلسطين

midostar · 26-05-2007, 02:22 PM

ايه يا عم فينك من زمان

الله عليك

ايوه كده

دا انا كنت منتظر الدرس ده من زمان وبفارغ الصبر والله لاني احبيت هذه اللغه الجميله

ويمكن انا اكتر حد هيشجعك على ممارسه هذه الدوره

ويلا يا برمودا يا فنان العب كمان وكمان ومنتظرين دروسك الجنان

اخوك الصغير ميدو

nothing4u · 26-05-2007, 03:06 PM

ماشاء الله تعالى شرح رائع من استاذ مبدع اخي خليل

وان شاء الله اطلع عليه بتمعن اكثر ولي عوده في وقت اخر باذن الله تعالى

الحق يعلو · 26-05-2007, 08:36 PM

إلى الأمام أستاذ خلييل

...

ما شاء الله شرح رائع بارك الله فيك وجزاك خيراً ..

إن شاء الله نتعلم هاللغة على ايدك بس نفضى شوي .. << بحاول يرد على نصيحتك التي لا تقدر بثمن

..

تحياتي، أشرف السمهوري

برمودا · 26-05-2007, 09:17 PM

السلام عليكم

أخي midostar شكرا لك
وأخي nothing4u أنتظر تعليقك

وأخي أشرف إن شاء الله خير

haidar · 26-05-2007, 11:10 PM

وعليكم السلام
طبقت الدرس في C#، لمن حملت الملف شفت ما شاء الله التطبيق لـ C# أيضاً موجود وبارك الله فيك
أما سؤالي يا أستاذ خليل
Label1.ForeColor = System.Drawing.Color.Red

بالتحديد عن
System.Drawing
ما أدري كنت افتكر بأنه يجب استخدامها في أعلى الصفحة لتعميمها على كل المشروع، بهالشكل
Using System.Drawing;
أيضاً استخدمت Add Reference ما فاد، كتبت بهالشكل عمل معي

System.Drawing.Color.Red

تحياتي

برمودا · 27-05-2007, 02:53 PM

السلام عليكم

أخي هيدر

كلامك صحيح بخصوص عمل using في أعلى الصفحة

ولكنني استخدمتها مرة واحدة فقط في الكود لذلك لم أرى أية داعي لعمل using واستدعاء فضاء الأسماء برمته

وأي استفسار آخر أنا جاهز

أخوك خليل

haidar · 27-05-2007, 06:30 PM

وعليكم السلام
نعم كلامك سليم أخ خليل، لا داعي هنا في هذا المثال، بس ردت أشوف ليش ما يعمل لمن استدعي فضاء الأسماء في أعلى الملف
Using System.Drawing
تحياتي

asp2asp · 28-05-2007, 02:29 AM

بارك الله فيك أستاذ خليل ..

وشرح وافي ماشاء الله ..

أتمنى أن تضع الأكواد بين [code] .. لتظهر بوضوح ..

وإلى الأمام..

الثلج · 31-05-2007, 02:02 PM

جزاك الله كل خير عزيزي وبأنتظار باقي دروسك

haman · 01-06-2007, 07:09 PM

من زمان وودي المشاركه في هذا المنتدى الرائع والمفيد والمليئ بالخبرات ..

وفرحت كثيرا عندما وجدت فتح التسجيل مجددا ..

وعندما هممت ان اسجل وجدت ان ايميلي مسجل مسبقا باسم قديم وانصدمت هههه يوجد لي يوزر ولادريت عنه الا الحين .. مع اني كنت اتحسر في بعض المواضيع ودي ادخل واشارك بس كنت اشوف التسجيل مسكر

وتكتشف انك مسجل وانت ماتدري ..

على العموم ليست مشككله ..

بالنسبه للدروس هنا صح انها شحيحه بالنسبه لل اس بي ..

ولكن اغلبها بالفيجوال بيسك

<--جالس يتعلم سي شارب

وخاصه ان الفيجوال بيسك اشوفها تنرفزني ليه مادري .. ماستانس ولا احس اني ابرمج الا لما اشوف علامه البلوكات هههههه

على العموم ساحاول عمل الدرس الاول مع اني اراه تعريفي اكثر من انه عملي ..

لكن اتمنى عمل دروس بروجكت تطبيقات كامله من الالف للياء ..

لمعرفه اساسيات بدايه المشروعات وكيفيه التعامل معها ..

هذا ماينقصنا وينقص الكثير اعتقد ..

وجزاك الله خير

GrEaTxP.com · 09-06-2007, 12:42 AM

السلام عليكم

يا اخوان انا لي خلفية ممتازة في الفيجوال بيسك

وطبقت هذا المثال على حسب خبرتي القديمه

وظهرت النتيجة بالشكل السليم
بدون اللجوء إلى
Response.Write

وهذا مثال للعمل الرجاء التنويه لكي استفيد

كود:

Partial Class _Default
    Inherits System.Web.UI.Page

    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
        If TextBox1.Text = "" Then
            Label1.Text = "لم تدخل نص"
        Else
            Label1.Text = TextBox1.Text

        End If
    End Sub

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Button1.Text = "موافق"

        Label1.Text = ""

    End Sub

   
    
End Class

المرفق فيه العمل

برمودا · 09-06-2007, 01:35 AM

السلام عليكم

أخي لم أفهم عليك !!!

Response.Write

ماذا تقصد بطبقته بدونها وزبط ؟؟

هادي جملة اف راحك تطبق المعطيات إلي بينها وبين الس

والمعطيات هما
يكتب ما في الصندو
ويكتب نجاج

ولو واحد فيهم بتمشي ولو برده ألف واحدة بيمشي

ممكن توضح

GrEaTxP.com · 09-06-2007, 09:27 AM

السلام عليكم

هل جربت الملف المرفق اخوي ؟؟

ماذا تقصد بطبقته بدونها وزبط ؟؟
اقصد انني كتب الكود بدون استخدام Response.Write
و ظهرت لي النتيجة

asp2asp · 09-06-2007, 11:10 AM

الأخ هاني تطبيقك سليم 100%..

وبالنسبة لـResponse.Write فهذه مازالت تستخدم، ولكن لم تعد مفضلة، وماقمت بتطبيقه هو المستخدم.

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

برمودا · 09-06-2007, 12:43 PM

السلام عليكم

أخي
asp2asp

شكرا لمرورك

أنا أعطي أمثلة

مجرد أمثله وللمستخدم حرية الاختيار والتطبيق والابداع

برمودا · 09-06-2007, 12:51 PM

وبخصوص أخي ما قمت بعمله هو حذف سطر ريسبونس

وأكرر وأريد أن أوضح لك جملة الشرط إف

if الشرط then

هنا تكتب المعطيات بناءا على الشرط إذا تحقق

else

وهنا أيضا معطيات إذا لم يتحقق الشرط

end if

بمعى لو كتبت التالي

if 3 < 5 then

1
2
3
4
5
6

else

7
8
9

end if

فسيقوم الكوبايلر بتفيذ الأسطر 1و2و3و4و5و6

ولو أعدت كتابة الأمر بهذه الطريق

if 3 < 5 then

1
2
else
7
8
9

end if

أيضا راح يتنفذ الجمل إلأى رقمها 1و2

ولو وضعت جمل زيادة أو نقصان طالما أن الشرط متحقق فسيتم تنفيذ الجمل الأولى سواء زادت ألف سطر أو نقصت المثل

وأنت قمت بانقاص جميلة ولا يوجد فرق

وشكرا لمرورك

GrEaTxP.com · 09-06-2007, 02:00 PM

مبتدئ · 31-07-2007, 09:22 PM

تشكر أخي على الدرس
الحقيقة لم أعلم بهذه الدورة نظراً للإجازة
وعندما سمعت عنها من أحد الزملاء
رغبت بالبدء في تعلمها
لكن بعض الدروس لا تظهر الصور فيها ولم أستطع تحميل الدرس

وأنا راغب جداً في تعلمها

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
دروس PHP للمبتدئين.. الدرس الأول	Abo_Ali	PHP	5	24-02-2005 05:27 AM
الدرس الأول : كيفية جعل جهاز حاسبك الشخصي مزوّد مواقع إنترنت	Syria com	قسم تبادل خبرات الاستضافة	22	18-05-2004 03:04 PM
الدرس الأول : كيفية صنع دالة خاصة بك ..	Mr.Muslem	PHP	13	16-11-2002 03:50 AM
شرح برنامج PHPMYADMIN ، الدرس الأول	عبد الرحمن	تطوير الويب	4	13-08-2002 05:27 PM
الدرس الثالث في التعريب - القسم الأول	طلالQ8	تطوير الويب	12	23-06-2000 11:11 PM

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق