سوالف سوفت - عرض مشاركة واحدة - بدايتك لإستخدام تقنية أجاكس ( AJAX ) مع لغة البرمجة ASP .Net 2.0 في إطار العمل VS2005

القافلة العربية · 06-01-2007, 03:47 AM

السلام عليكم ورحمة الله وبركاته

في هذه المقالة بإذن الله سأشرح لكم تحميل إطار العمل الخاص بتقنية أجاكس في برنامج فيجوال ستيديو 2005

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

وإلى من لا يعرف ما هي تقنية AJAX ستجد شرح مختصر في مقالة ما هي AJAX ؟

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

سنقوم بتحميل وتنصيب 3 ملفات وستجدها في موقع ASP AJAX أضغط على الرابط وقم بتحميل هذه الملفات من قسم Downloads

1- ASP.NET AJAX 1.0 RC من موقع Microsoft

2- ASP.NET 2.0 AJAX CTP من موقع Microsoft

3- ASP.NET AJAX Control Toolkit من موقع codeplex

وللمعلومية موقع codeplex هو موقع لمشاركة المصادر المفتوحة للبرمجيات التابعه Microsoft

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

سنبدأ في طريقة تنصيب ASP.NET AJAX 1.0 RC و ASP.NET 2.0 AJAX CTP لسهولتها

بعد ما تقوم بتحميلها من الموقع ASP AJAX فقط افتح الملفات وقم بالضغط على Next حتى تمر بخطوات بسيطه إلى أن يتم التنصيب

الأن أفتح برنامج الفيجوال ستيديو

ثم قم بإختيار New ثم Website كما في الصورة

ستجد أنه قد ضهر نوعين من المشاريع التي لم تكن سابقاً موجوده وهي مشاريع خاصة بإضافة تقنية AJAX في برمجتك

قم بإختيار ASP.NET AJAX-enabled Web site ثم أضغط OK

سيتم عرض الأدوات الخاصه بـ ASP.NET AJAX 1.0 RC في برنامج فيجوال ستديو مباشرة كما في الصورة التالية

لكن CTP يجب عليك القيام بعمل هذه الطريقه لعرض الأدوات الخاصه به

أضف Tab جديد بالضغط على الزر الأيمن من الفأره في صندوق Toolbox ثم قم بإختيار Add Tab وسمها AJAX CTP كما في الصوره

الأن قم بفتح المجلد ( C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Futures December CTP\v1.0.61025 )

ستجد الملف Microsoft.Web.Preview.dll قم بسحبه إلى صندوق الأدوات Toolbox وإلى داخل الـ Tab AJAX CTP كما في الصورة التالية

أضغط على الرابط لمشاهدة الصورة ( تم وضعها كرابط لكبر حجمها )
http://www.abdulmalik.althari.com/tu...t/images/5.gif

بعدها ستجد أن التاب AJAX CTP قد أصبحت مليئة بالمجهورات

وإنتضر حتى نأتي إلى صندوق المجهورات التالي وهو Control Toolkit

بعد تحميل الـ Control Toolkit قم بفك الضغط ونقل المجلد بالكامل إلى

C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions

كما في الصوره

الأن قم بإنشاء Tab جديد كما عملنا في السابق من صندوق Toolbox أضغط الزر الأيمن من الفأرة ثم أختر Add Tab ثم أكتب اسم التاب

AJAX Toolkit

الإن توجه إلى المجلد

C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AjaxControlToolkit\SampleWebSite\Bin

وانقل هذين الملفين داخل التاب AJAX Toolkit كما عملنا في السابق

AjaxControlToolkit.dll و AjaxControlToolkit.pdb

حتى تضهر لك المجهورات في الصندوق AJAX Toolkit !

والأن أنتهينا من تنصيب الأدوات والـ functionality الخاصة بالأجاكس في بيئة إطار العمل فيجوال ستيديو 2005

وإليكم مثال بسيط جداً لبداية العمل في إستخدام تقنية AJAX

في صفحة Default.aspx قم بإضافة الأداة UpdatePanel التي في داخل الصندوق AJAX Extensions

ثم قم بإضافة Button داخل UpdatePanel وجعل النص له Update وأضف Label داخل UpdatePanel أيضاً

وفي نفس الصفحه اضف Label جديد لكن خارج UpdatePanel

لتضهر لك النتيجه كما في الصورة التالية

الأن أضغط مرتين في أي مكان في الصفحة حتى تضهر لك صفحة Code Behinde أكواد خلف الكواليس %_%

بين

كود:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

و

كود:

End Sub

أكتب

كود:

Label1.Text = DateTime.Now Label2.Text = DateTime.Now

بحيث في Label1 هو الذي داخل UpdatePanel و Label2 هو الذي خارج UpdatePanel

النتيجة سيتم عرض الوقت من السيرفر او الجهاز دون إعادة تحميل الصفحه

قم بتشغيل المشروع لتقوم بتجربة عملك وقم بالضغط على Update أكثر من مره ستجد ان الثواني في Label1 تتغير دون إعادة تحميل الصفحه

اما Label2 لا يتم ذالك لأنه خارج UpdatePanel .

والحمد لله إنتهى الدرس

ستجد الأن لديك الكثير من الدروس لتتعلمها بعد أن قمت بتجهيز نفسك بالأدوات اللازمه

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

أطيب تحيه من أخوكم عبدالملك

[CENTER]

[/CENTER]