التصنيفات:دروسي

طريقة تفادي “إعادة إرسال طلب النموذج” عند عمل تحديث للصفحة

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

سأشرح بإذن الله في هذا الموضوع طريقة تفادي صندوق نص رسالة إعادة إرسال طلب النموذج عند برمجة صفحة بها نموذج بلفة الـ PHP وهذا النموذج يرسل الطلب إلى نفس صفحة النموذج . أي لنرى هذا المثال للتوضيح :

هذا الكود عبارة عن صفحة بها نموذج والنموذج به صندوق نص و زر ، والنموذج يرسل الطلب (action) إلى نفس الصفحة لذلك قمنا بتركها فارغة ، وطريقة الإرسال هي (post) . أي سيكون شكل الصفحة كهذا :

لنجرب الآن نستخدم النموذج :

بعد ذلك ، لنجرب الآن نعمل تحديث للصفحة ، ونشاهد ماذا يحدث :

كما هو ملاحظ ، عند عمل تحديث للصفحة أتت نافذة “إعادة إرسال طلب النموذج” وطبع لي القيمة المدخلة مسبقاً ، والسب في ذلك أن إرسال طلب النموذج يتم في نفس صفحة النموذج وكذلك باستخدام طريقة (post) في الارسال . وفي هذا الدرس سأشرح طريقة تفادي نموذج إعادة إرسال الطلب هذا .

طريقة الحل ، هو عمل صفحة جديدة يتم إرسال إليها الطلب ، ثم تقوم الصفحة باستقبال الطلب وتعالجه ثم ترد لنا بالنتيجة وتعيد توجيهنا إلى صفحة النموذج ، وبهذا الأسلوب سنتفادى نموذج “إعادة أرسال الطلب” عند عمل تحديث للصفحة .

نبدأ في تطبيق الحل على المثال السابق :

قمنا بعمل صفحة جديدة ، وسميتها (action_page1.php) . في هذه الصفحة سنستخدم الـ Session وهو أسلوب الرد على الطلب المستخدم هنا ، أي قمنا بحفظ نتيجة الطلب داخل متغير في الـ Session ثم بعد ذلك قمنا بعمل إعادة توجيه للصفحة الأولى التي بها النموذج . بعد ذلك نذهب إلى الصفحة الأولى ونعدلها كالتالي :

قمنا ياستدعاء الدالة (session_start) في بداية الصفحة لأننا سنستخدم متغيرات الـ Session . وأسفل النموذج قمنا بفحص مغير الـ Session الذي وضعناه كرد على الطلب المرسل من النموذج ، فإن لم يجد أن المتغير موجود فهذا يعني أنه لم يرسل الطلب بعد . وإن كان موجود سيطبع نتيجة الطلب ، ثم بعد ذلك يمسح متغير الـ Session الذي به الرد ليبدأ من جديد في العمل . والنتيجة ستصبح هكذا :

كما هو ملاحظ ، لم تظهر نافذة “إعادة إرسال طلب النموذج” بعد عمل تحديث للصفحة .

هذه بإختصار طريقة تفادي الرسالة السابقة ، ونلتقي في دروس قادمة بإذن الله .

بالتوفيق .

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

إقرأ المزيد »

GUI جافا – الدرس الثالث : برمجة آلة حاسبة بسيطة (Calculator) وفهم أكواد النافذة

GUI جافا – الدرس الثالث : برمجة آلة حاسبة بسيطة وفهم أكواد النافذة
في هذا الدرس إن شاء الله سنطبق على ما تعلمناه سابقاً ببرمجة آلة حاسبة بسيطة .
أي سنعمل إن شاء الله مثل هذا التطبيق :

java_gui_1

java_gui_2
وبالإضافة إلى السابق , سنتعلم بإذن الله الأكواد الجاهزة المكتوبة في النافذة , أي سنفهمها .

-=-=-=-=-=-=-=-=-=-=-=-=-
نبدأ الشرح باسم الله :1- نقوم أولاً بإنشاء مشروع جديد , ثم نقوم بإنشاء نافذة جديدة بداخل المشروع وقم بإعطاء لها أي عنوان . كما تعلمنا سابقاً :java_gui_3
-=-=-=-=-=-
2- بعد ذلك , نقوم بإدراج ستة صناديق نص (JTextField) وواحد زر , وكذلك ندرج طابع نصي (JLabel) أعلى أو بجانب كل صندوق نص لمعرفة الهدف منه , كالتالي :java_gui_4
-=-=-=-=-=-
3- قبل كتابة الكود في طريقة (method) حدث الضغط على الزر , نقوم بتغيير اسماء عناصر صندوق النص (JTextField) بحيث مثلاً نعطي الاسماء التالية الموجود في الصور التوضيحية , والهدف من تغيير الاسماء هو لتسهيل معرفة أي صندوق نص نريد , لأنه لو استخدمنا اسماء كـ JTextField1 و JTextField2 وهكذا , وخصوصاً لو كان عندنا أكثر من صندوق نص ، قد نخطأ في كتابة اسم صندوق النص الذي نريده وتكتب اسم صندوق نص ثاني . أي مثلاً قد نعرض نتيجة جمع العددين في صندوق النص الخاص بطرح العددين .java_gui_5
java_gui_6
java_gui_7
java_gui_8
java_gui_10
-=-=-=-=-=-
4- نقوم بكتابة الكود الآن في طريقة (method) حدث الضغط على الزر :

java_gui_11
java_gui_12
-=-=-=-=-=-
5- لنجرب البرنامج الآن :

java_gui_14
java_gui_15
java_gui_16
-=-=-=-=-=-
6- لنفهم الآن الأكواد الجاهزة التي تُكتب تلقائياً في ملف (كلاس) النافذة عند إنشاء نافذة جديدة أو إضافة عنصر إلي النافذة , سنشرح على ملف البرنامج الذي قمنا بتصميمه في الأعلى :

java_gui_17
java_gui_18
java_gui_19
java_gui_20
-=-=-=-=-=-

نكتفي بهذا القدر في هذا الدرس .
والحمد لله الذي بنعمته تتم الصالحات .
أتمنى أن أرى تطبيقاتكم , ففيها دفع للتجربة لمن يستصعب الأمر .

-=-=-=-=-=-

لمن أراد تحميل المشروع :
Third lesson GUI

logoPost

GUI جافا - الدرس الثالث : برمجة آلة حاسبة بسيطة وفهم أكواد النافذة في هذا الدرس إن شاء الله سنطبق على ما تعلمناه سابقاً...

إقرأ المزيد »

GUI جافا – الدرس الثاني : إنشاء طابع نصي (JLabel) و صندوق نص (JTextField)

GUI جافا – الدرس الثاني : إنشاء طابع نصي (JLabel) و صندوق نص (JTextField)

في هذا الدرس إن شاء الله سنتعلم كيف ننشئ طابع نصي (JLabel) , وكذلك كيف ننشئ صندوق نص (JTextField) , وكيفية التعامل معهم .

أي سنعمل إن شاء الله مثل هذا التطبيق :

-=-=-=-=-=-=-=-=-=-=-=-=-
نبدأ الشرح باسم الله :

1- نقوم أولاً بإنشاء مشروع جديد , ثم نقوم بإنشاء نافذة جديدة بداخل المشروع . كما تعلمنا سابقاً :

-=-=-=-=-=-
2- نغير عنوان النافذة إلى أي عنوان أو اسم , كما تعلمنا سابقاً :

-=-=-=-=-=-
3- نقوم الآن بإدراج زر (JButton) , وطابع نصي (JLabel) و صندوق نص (JTextField) , ونقوم بتغيير خصائصها وترتيب أماكنها بما يناسبنا :

-=-=-=-=-=-
4- بعد تصميم شكل النافذة , نقوم الآن بكتابة الكود بحيث عندما يضغط المستخدم على الزر تظهر رسالة في صندوق نص , ونص هذه الرسالة يكون مثلاً “Hello Name” بحيث الـ Name يتم أخذه من صندوق النص بحسب إدخال المستخدم :

-=-=-=-=-=-

نكتفي بهذا القدر في هذا الدرس .
والحمد لله الذي بنعمته تتم الصالحات .
أتمنى أن أرى تطبيقاتكم , ففيها دفع للتجربة لمن يستصعب الأمر .

-=-=-=-=-=-

لمن أراد تحميل المشروع :
Second Lesson GUI

logoPost

GUI جافا - الدرس الثاني : إنشاء طابع نصي (JLabel) و صندوق نص (JTextField) في هذا الدرس إن شاء الله سنتعلم كيف ننشئ طابع...

إقرأ المزيد »

GUI جافا – الدرس الأول : إنشاء نافذة (JFrame) وإنشاء زر (JButton)

GUI جافا – الدرس الأول : إنشاء نافذة (JFrame) وإنشاء زر (JButton)

في هذا الدرس إن شاء الله سنتعلم كيف ننشئ نافذة (JFrame) , وكذلك كيف ننشئ زر داخل هذه النافذة (JButton) وكيف نضع أمر على هذا الزر , بحيث أن تم الضغط عليه يُظهر لنا رسالة في صندوق نص باستخدام JOptionPane .

أي سنعمل إن شاء الله مثل هذا التطبيق :

-=-=-=-=-=-=-=-=-=-=-=-=-
نبدأ الشرح باسم الله :

1- نقوم بإنشاء مشروع جديد عن طريق File < Java < Java Application :

بهذا قمنا بعمل مشروع جديد فارغ لا يحتوي على أي ملفات .
-=-=-=-=-=-
2- نقوم الآن بإنشاء نافذة جديد كالتالي (شاهد الصور التوضيحية) :

jframe

jframe2

-=-=-=-=-=-
4- نقوم الآن بتغيير عنوان النافذة من خصائص النافذة , ثم نجرب البرنامج :

-=-=-=-=-=-
5- نقوم الآن بإضافة زر , ثم في حدث الضغط على الزر نضع أمر يظهر لنا رسالة في صندوق نص باستخدام JOptionPane ثم لنجرب البرنامج :

-=-=-=-=-=-

نكتفي بهذا القدر في هذا الدرس .
والحمد لله الذي بنعمته تتم الصالحات .
أتمنى أن أرى تطبيقاتكم , ففيها دفع للتجربة لمن يستصعب الأمر .

-=-=-=-=-=-
لمن أراد تحميل المشروع :
هنـــــــــا

logoPost

GUI جافا - الدرس الأول : إنشاء نافذة (JFrame) وإنشاء زر (JButton) في هذا الدرس إن شاء الله سنتعلم كيف ننشئ نافذة (JFrame...

إقرأ المزيد »