صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 19

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

  1. #1

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



    الدرس الأول في 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 بيوت .

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





    __________________
    بريدي :khalilme (at) hotmail.com
    مطور: ASP.NET, Windows Phone , Desktop Applications


  2. #2
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    155

    تسلم يا باشا والله



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

    الله عليك

    ايوه كده

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

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

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


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






    __________________
    لا إلــــــــه الا اللــــــــه
    سيدنا محمد رسول الله

  3. #3

    تاريخ التسجيل
    Jun 2006
    المشاركات
    1,370


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

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





    __________________
    @_@

  4. #4
    عضو نشيط جدا
    تاريخ التسجيل
    Sep 2006
    المشاركات
    405


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

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

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

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






  5. #5


    السلام عليكم

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

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





    __________________
    بريدي :khalilme (at) hotmail.com
    مطور: ASP.NET, Windows Phone , Desktop Applications

  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    Mar 2002
    المشاركات
    889


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

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

    System.Drawing.Color.Red

    تحياتي






  7. #7


    السلام عليكم

    أخي هيدر

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

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

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

    أخوك خليل





    __________________
    بريدي :khalilme (at) hotmail.com
    مطور: ASP.NET, Windows Phone , Desktop Applications

  8. #8
    عضو سوبر نشيط
    تاريخ التسجيل
    Mar 2002
    المشاركات
    889


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






  9. #9
    عضو نشيط جدا
    تاريخ التسجيل
    Jul 2002
    المشاركات
    534


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

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

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

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





    __________________
    بداية للمشاريع التجارية

    ASP.NET,ASP 3.0

    المدونة الشخصية : asp2asp.com

    عدنا والعود أحمد...

  10. #10
    عضو سوبر نشيط
    تاريخ التسجيل
    Mar 2000
    المشاركات
    762


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





    __________________
    Eng.Fedail
    Computer and Electronics Engineer

  11. #11
    عضو نشيط
    تاريخ التسجيل
    Mar 2002
    المشاركات
    39


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

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

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

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

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

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

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


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



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


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

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

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

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

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






  12. #12
    عضو نشيط جدا
    تاريخ التسجيل
    Jul 2003
    المشاركات
    377


    السلام عليكم

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

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

    وظهرت النتيجة بالشكل السليم
    بدون اللجوء إلى
    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

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





    الملفات المرفقة الملفات المرفقة
    __________________
    HANi
    تاريخ التسجيل: Jun 2003-
    السنة السادسة على التوالي مع سوالف

  13. #13


    السلام عليكم

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

    Response.Write

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

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

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

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

    ممكن توضح





    __________________
    بريدي :khalilme (at) hotmail.com
    مطور: ASP.NET, Windows Phone , Desktop Applications

  14. #14
    عضو نشيط جدا
    تاريخ التسجيل
    Jul 2003
    المشاركات
    377


    السلام عليكم

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


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





    __________________
    HANi
    تاريخ التسجيل: Jun 2003-
    السنة السادسة على التوالي مع سوالف

  15. #15
    عضو نشيط جدا
    تاريخ التسجيل
    Jul 2002
    المشاركات
    534


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

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

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





    __________________
    بداية للمشاريع التجارية

    ASP.NET,ASP 3.0

    المدونة الشخصية : asp2asp.com

    عدنا والعود أحمد...





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض