المشروع - كل ما يتعلق بتطوير المواقع http://www.almashroo.com/

نستكمل هذه السلسلة السريعة و البسيطة التي تهدف إلى تعريفك بمبادئ تقنية ASP.NET و البيئة الحديثة و المجانية Visual Web Developer 2005 Express، المقال الماضي كان يعرفك التعامل مع هذه الـ IDE (integrated development environment) و هذه الكلمة تعني بيئة تطوير متكاملة، و لقراءة المقال السابق “سلسلة تعلم ASP.NET – التعامل بسرعة مع هذه الـ IDE“.

في الحقيقة، الصفحة تحوي العديد من الأحداث التي يمكن تنفيذها, و من أهمها تحميل الصفحة، حيث تضع الكود الذي تريد تنفيذه عند تشغيل الصفحة، ما الفائدة؟، يمكنك مثلاً عرض الوقت والتاريخ عند بداية تشغيل الصفحة كما يمكنك القيام بأي اجراء مثل أخذ معلومات أو كتابة Cookies و غيرها، و ليست الصفحة فقط هي التي تحوي العديد من الأحداث (Events) بل إن أي أداة لها مجموعة من الأحداث حسب المهمة التي تقوم بها الأداة، مثلاًً للزر يوجد حدث عند الضغط عليه و هكذا.

قم الآن بوضع أداة Label على الصفحة (لمعرفة كيفية تنفيذ ذلك راجع المقال سلسلة تعلم ASP.NET – التعامل بسرعة مع هذه الـ IDE وقم بتسميتها باسم يوضح عملها وهو هنا dateTimeLabel لأننا سنستخدمها لوضع الوقت و التاريخ.

حسناً، لكتابة كود لتنفيذه عند تشغيل أو عرض الصفحة كل ما عليك هو الضغط المزدوج على واجهة التصميم لتقوم الـ IDE تلقائياً بوضع الكود اللازم للتعامل مع هذا الحدث، و كل ما عليك عمله هو كتابة الكود داخل الـ Sub-Routine الذي قامت الـ IDE بتوليده.

يجب الإشارة هنا أن هذا الكود يوضع في ملف الكود المرافق للصفحة و ليس داخل صفحة ASP.NET، للمزيد يمكنك مراجعة كفانا انتظاراً، فقد حان وقت استخدام ASP.NET 2.0.

في الصورة السابقة تلاحظ أن الطبقة أو الـ Class معرفة كـ Partial Class، و هذا التعريف جديد في ASP.NET 2.0 و هو يسمح لك بوضع عدة ملفات كود لطبقة واحدة.

و الآن لنكتب كود عرض الوقت و التاريخ في الـ Label الذي اسمها dateTimeLabel هكذا :

dateTimeLabel.Text = DateTime.Now.ToString

من الـ Solution Explorer اضغط على اسم الصفحة الحالية بالزر الأيمن للماوس و اختر Set As Start Page لجعلها هي الصفحة الأساسية و التي يتم عرضها أولاً عند تشغيل الموقع.

الآن نريد التأكد من أن هذا الكود يعمل، علينا إذاً تشغيل الموقع، و يوجد عدة طرق لذلك، إما بالضغط على F5 أو من القائمة Debug اختر Start، أو بالضغط على الزر الذي صورته سهم أخضر و الذي اسمه Start Debugging.

بما أن هذه هي المرة الأولى التي تشغل فيها موقع قمت ببرمجته باستخدام Visual Web Developer فسوف يتم عرض نافذة لكيفية التعامل مع الـ Debugging، هل يتم تشغيله أو لا، و نحن هنا سنختار Modify the Web.config file to enable debugging ثم نضغظ OK.

VWD (و هو اختصار لاسم الـ IDE) يحوي على ويب سيرفر (Web Server) متضمن معه و يتم تشغيله في كل مرة تشغل الموقع الذي تقوم ببرمجته، و هو سيرفر آمن و يمكنك الوصول إليه من النظام نفسه فقط، حيث يتم اختيار الـ Port الذي سيتم استخدامه بشكل عشوائي، و لكن يمكنك التحكم بالسيرفر من خلال الضغط بالزر الأيمن للماوس على الـ Icon التي تظهر في الـ System Tray.

إن كنت لم تواجه أي مشكلة فسيتم عرض الصفحة و عرض الوقت و التاريخ فيها، ستلاحظ أن الوقت و التاريخ لا يتغيران، لأننا ننفذ كود تغيير نص الـ Label عند تشغيل الصفحة فقط و ليس في كل ثانية مثلاً، و لكن يمكنك تغيير الوقت و التاريخ من خلال تحديث الصفحة، حيث سيتم كتابة الوقت الجديد في كل مرة تقوم بتحديثها.

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