مشروع بإستخدام تقنية أجاكس

اقتباس

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

ياااااريت يتنفذ

اعتقد لو ذهبنا لموقع Yahoo الشهير

سنجد في اعلى الصفحة على جهة اليمين مجموعة Tabs من خلالها يمكن الوصول لأكثر من تطبيق سواء البريد او خدمات الطقس و غيرها

يمكن أن تقومي بعمل شيء من هذا القبيل مع العلم انه يوجد بعد الادوات جاهزة ضمن ال Ajax ToolKit في الموقع الرسمي

http://ajax.asp.net

سلام عليكم

استاذ محمد خليل ابو صلاح انا بتابع مواضيع حضرتك ومعجب جدا بحضرتك

بس كان عندي سؤال هو حضرتك فعلا MVP

وازاي حصلت علي هذه الشهاده وايه الطريقه للحصول عليها

شكرا جزيلا

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

Ayman maher

Computer Science Student

MCTS : web applications

اقتباس

سنجد في اعلى الصفحة على جهة اليمين مجموعة Tabs من خلالها يمكن الوصول لأكثر من تطبيق سواء البريد او خدمات الطقس و غيرها

شكرا أستاذ محمد على المشاركة ,ولكن إستخدام tabs يبطئ من سرعة الموقع(لم أجرب هذا ولكني قرأته من مشاركات أحد الأعضاء في أحد المواضيع) لذلك أقترح بعد إذنك أن نبدأ بالفكرة التالية ثم نضيف بعد ذلك أفكار مختلفة ومن بينها سوف نضيف فكرة tabs ونحدد فعلياً هل يؤثر على سرعة التحميل أم لا.

أقترح أن نبدأ بعمل موقع للأخبار بحيث :

- يعرض تصنيفات الأخبار

- ثم عند الضغط على التصنيف يعرض كل الأخبار الخاصة بالتصنيف

- وعند الضغط على الخبر يعرض التفاصيل

كل هذا دون أن يحدث أي تحميل لصفحة

ممكن أن نأخذ نفس طريقة العرض الموجودة في الفريق العربي كالتالي:

سوف يحتوي الموقع على تصميم ثابت لكل الصفحات وهى الروابط الموجودة في أعلى الموقع(banner and link) وأيضاً نهاية الموقع(footer) وعند الضغط على أحد الروابط الرئيسية للموقع وليكن الأن الأخبار يحدث كما بالشكل و يعرض تصنيفات الأخبار

ثم عند الضغط على التصنيف يعرض كل الأخبار الخاصة بالتصنيف كما بالشكل

وأخيرا عند الضغط على الخبر يعرض التفاصيل

في كل الخطوات السابقة لن تتم عملية التحديث لصفحة بل ستكون كما بالشكل

أقترح أن نبدأ الآن في مناقشة آلية عمل ذلك وماذا سوف نستخدم من كنترول لعمل هيكلة الوقع الأساسية.

أتمنى التواصل لإثراء الموضوع

شكرا

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

وبه نستعين

فكره جيده جدا يا kathy وهحاول أبدا معاكم بالخطوه دي

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

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

ماذا حصل يا Kathy؟؟

اعتقد ان الموضوع بسيط ولكن نحتاج لبعض الجافا سكريبت لعمل مثلا القائمة المنسدلة التي ستعرض تفاصيل الخبر :)

أنا توقفت فترة بدي أشوف مشاركات الأعضاء وأرائهم...

سوف أطرح ما أفكر فيه

كنت أعتمد دائماً في تصميم مواقعي والتي غالباً ما تحتوي على الجزء الثابت في تصميم كل الصفحات (banner and footer) أعتمد على إستخدام masterpage والتي توفر لي عناء كبير في تصميم الموقع .

عند ما بدأت أفكر في كيفية تصميم موقع الأخبار الذي سوف نقوم بعمله بإٍستخدام تقنية أجاكس فكرت في:

1- إستخدام masterpage لمساعدتي في تصميم الموقع , إلا أنني بعد ذلك صرفت النظر عن هذة الفكرة والسبب في ذلك أن إستخدام masterpage يعني إستخدام مبدأfull postback ونحن هنا نريد أن ننتقل بين الروابط المختلفة للموقع دون حدوث أي تحديث لصفحة حيث أن ajax تدعم مبدأ partialrendering في صفحة aspx واحدة.

2- الفكرة الإخرى ركزت فيها بكيفية الوصول لإستخدام نافذة واحدة أعتمد فيها برمجة الموقع بالكامل بطريقة صحيحة ومرتبة, ففكرت في إستخدام usercontrol حيث سوف تمثل كل صفحة من صفحات الموقع ب usercontrol وحتى لا أضع جميع usercontrol مرة واحدة في الصفحة مما سيؤدي الى بطى التحميل الأولي للموقع قمت بتحميل usercontrol أثناء runtime(حيث أخذت الفكرة من مواضيع الأستاذ محمد خليل أبوصلاح) وفعلاً بدى لي أن هذا الحل هو الحل الأمثل لأنني أستطعت أن أطبق مبدأ التقنية الجديدة partialrendering في نفس الصفحة مع الحفاظ على الكود بشكل مرتب ومهيكل . لكن للأسف واجهتني بعد ذلك مشاكل ظهرت أثناء عمل load usercontrol at runtime تمثلت أحد أهم مشاكل هذة الطريقة في (عدم القدرة للوصول لأحداث gridview مثلاً موجودة في usercontrol تم تحميله من usercontrol آخر ) وذلك كله أثناء runtime.

هذة هى محاولاتي حتى الآن ومازلت أبحث عن الطريقة الصحيحة لهيكلة وتصميم الموقع,أرجو ممن لديه إقتراح أو تعليق أن يشاركنا النقاش؟

شكراً

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

أنا اعلم انه قد تحدث مشكلة بسبب ال Events call sequence .. يجب أن نعلم ما هو الترتيب الصح لاستدعاء الحدث بحيث لا يتم فقده أثناء تحميل صفحة أو أدوات اخرى ..

انا بالويكند سوف اخصص بعض الوقت للموضوع .. هل هناك تصميم قاعدة بيانات؟ اي ملفات؟

اقتباس

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

أظن أنك تقصد أن أستخدم ال usercontrol

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

مرفق البرنامج مع قاعدة البيانات sql server 2005 وهو عبارة عن مثال لأحد المشاكل التي واجهتني عند إستخدام usercontrol وطبعاً هنا بدون إستخدام الأجاكس

لأن المشكلة هنا خاصة ب usercontrol وسوف نلاحظ عند تنفيذ البرنامج مايلي

تظهر في البداية الصفحة الرئيسية(وهى عبارة عن usercontrol واسمه Home) والتي تحتوي على رابطين الرئيسية والأخبار

عند الضغط على الأخبار(وهى عبارة عن usercontrol واسمه gen_page) يعرض عنوان الخبر وعند الضغط

على الخبر من المفترض ظهور صفحة التفاصيل(وهى عبارة عن usercontrol واسمه details)

ولكن المشكلة أنه لايتم التوجه للحدث عند الضغط على عنوان الخبر

أرجو أن تكون قد اتضحت المشكلة

شكرا

usercontrol.rar

السلام عليكم

جرب الان المثال بعد التعديل

هل يعمل كما تريد

usercontrol_2.rar

شكرا على المحاولة, لم يتغيير شئ في التنفيذ حيث أنه لم يذهب للحدث المطلوب lbtndetails1_Click

ماشاء الله عليك اخ kathy انا والله تعبت كثير فى البحث عن مكامن تقنية اجاكس وواجهتني مشاكل كثيرة من ضمنها حين استخدمت MasterPage وجدت Full Postback

وقمت باستخدام UserControl فى Footer و Header وContents لكن لا افظل من MasterPage فى تنسيق شكل الموقع وسهولة التصميم

قمت بعدة محاولات لبناء موقع متكامل بتقنية ajax لكنى واجهت مشكلة فى MasterPage القضية هى الفهم العميق للجافا سكربت معتمدا على xmlhttp request فى تقليل البوست باك فى موقعك دون استخدام ajax controls التابعة لmicrosoft

اتمنى لك التوفيق فى مشوارك

وفكرة انشاء موقع متكامل لاخبار بهذة التقنية فكرة ممتازة للتعرف على مشاكل التقنية ومحاولة حلها بشكل جماعي