بيئة عمل ASP.NET
من المهم أن تعرف كيف يمكنك التعامل مع بيئة عمل لإنشاء المواقع بكل سهولة ويسر، وأفضل
بيئة لهذا الغرض هي Microsoft Visual Studio ، والتي تقول مايكروسوفت عنها أنها أقوى
بيئة تطوير في العالم.
توفر مايكروسوفت عدة نسخ منها منها ما هو مجاني مثل الويب ديفيلوبر ، أو ما هو مدفوع
مثل الفيجوال ستوديو بكافة اصداراته.
== كيف يمكنني إنشاء موقع ؟
بعد تشغيل الويب ديفلوبر أو الفيجوال ستوديو من قائمة ابدأ… قم بالذهاب إلى ملف ثم
جديد ثم اختيار موقع .
ستظهر أمامك شاشة يتم من خلالها اختيار مكان حفظ المشروع واللغة المستخدمة وبالنسبة
لل location سنظل على خيار File system وذلك لأن السيرفر المستخدم هنا هو السيرفر المحلي
وهو ال IIS وموجود على جهازك وليس جهاز آخر كما هو موضح في الصورة
.
لاحظ بدء إنشاء المشروع ثم :
– 1 منطقة العمل :
وفيها يتم إدراج الأدوات وترتيبها ووضع الصور والنصوص أو بمعنى آخر واجهة الصفحة
– 2 صندوق الأدوات :
وهو يحتوي على الأدوات اللازمة للعمل مثل الزر
والقائمة المنسدلة وهم مقسم إلى أجزاء منها الأدوات العامة وأدوات التعامل مع قواعد
البيانات وأدوات التحقق والملحقات والمزيد.
– 3 نافذة المشروع:
وهي تحتوي على محتويات المشروع من صفحات
وفئات ومجلدات وباقي أنواع الملفات.
– 4 نافذة الخصائص:
لكل أداة أو لكل محتوى خصائص يمكن التحكم بها وتعديلها من هذه النافذة.
– 5 التحويل بين ال Markup وواجهة العمل، وهنا ال Markup تعني ال XHTML وأدوات
ال
ASP.NET مع بعضها البعض .
– 6 الصفحات المفتوحة حاليا.
7 – بدء تنفيذ المشروع.
ملاحظة : تستطيع إظهار أي نافذة في حال اختفاؤها من قائمة view
وبعد أن قمت بإنشاء موقع والتعرف على بيئة العمل، سنقوم بعمل أول مشروع بسيط وهو عبارة
عن صفحة بها زر وصندوق نص وأداة عنوان ( ليبل( وعند النقر على الزر سيتحول عنوان الليبل
بنفس نص الصندوق النصي.
الآن سأقوم بإنشاء
جدول وجعله في المنتصف من قائمة Layout ثم بعدها Insert Table بالإمكان الضغط
على تاب (Tab) من لوحة المفاتيح للانتقال لسطر جديد
ثم اسحب وإفلت زر وهو رقم3 في الصورة وليبل رقم 2
وصندوق نصي رقم 1 وسأقوم بترتيبها
ما الذي سيحدث؟؟
عند النقر على الزر سيتحول اسم الليبل إلى نفس النص المكتوب في صندوق النص وأيضا سيكتب
في بداية الصفحة تم بنجاح
أما إذا كان صندوق النص فارغ فإن عنوان الليبل سيكون” أنت لم تدخل نص” وسيكتب
في أعلى الصفحة فشل.
الخطوات:
1- قم بالنقر في أي منطقة فارغة في منطقة العمل واكتب الكود التالي
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles
Me.Load
‘
فقط السطرين اللذان في الأسفل يجب أن تدخلهم
أنت أما الباقي فإن البرنامج سينشئهم
Button1.Text= ” موافق ”
Label1.Text = ” ”
== ما الذي قمت بفعله ؟؟
الذي قمت بفعله هو التالي في حدث بدء تنفيذ الصفحة فإن هذه الشيفرة ستجعل نص الزر ”
موافق ” بدلا من Button وأيضا ستجعل نص الليبل فارغ
2- ثم قم بالنقر المزدوج على الزر واكتب الكود التالي
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
ما الذي يفعله الكود؟؟؟
كل هذه الشيفرة سيتم تنفيذها فور النقر على الزر
السطر الثاني يقوم بتغيير لون خط الليبل إلى اللون الأحمر بدلا من الافتراضي الأسود
ثم نشترط التالي
إذا كان الصندوق النصي غير فارغ فليعمل
التالي
يحول عنوان الليبل إلى نفس نص الصندوق النصي
يكتب في بداية الصفحة “تم بنجاح”
وإلا ( أي إذا كان فارغ ) يحدث التالي
يصبح عنوان الليبل “أنت لم تدخل نص”وأيضا يكتب في بداية الصفحة”فشل”
الآن قم بتنفيذ المشروع إما باستخدام CTRL+F5 بدون أن يقوم بالتنقيح أو بالضغط على
F5
لوحدها بالتنقيح أو عن طريق المثلث الأخضر في الصورة الثالثة رقم 7 وسنجرب عند ادخال
نص وعند كونه فارغا.
أنت ( المستخدم) تقوم بالنقر على الزر فيرسل المتصفح كائن من نوع request إلى السيرفر
فيقوم السيرفر والموجود عليه الخادم IIS بالنظر إلى كود ال
ASP.NET الموجود أصلا في حدث النقر ثم يقوم بترجمته إلى كود بناءا على المعطيات HTML
ويرسله إلى المتصفح لكي يفهمه وتسمى بعملية الاستجابة response
ما الذي يقوم بعمله الفيجوال استوديو؟؟ صفحة ال ASP.NET عبارة عن صفحة XHTML
عادية وبها بعض الإضافات بأسط مفهوم وهي أدوات asp.net.
انقر الآن على تاب source في رقم 5 بالصورة الثالثة من أعلى
سترى ما يوفر علينا كتابته الفيجوال استوديو من كود xhtml و أدوات ASP.NET
إن الفيجوال ستوديو بيئة ضخمة جدا وهنالك كتب مختصة بشرح هذه البيئة .. ولكن كبداية
لك هذه المقدمة البسيطة ستسهل عليك الدخول إلى عالم الدوت نت