تسجيل الدخول

مشاهدة النسخة كاملة : [الدرس مفصل الاول]بناء نموذج تسجيل دخول الأعضاء



romaissa
11-01-2013, بتوقيت غرينيتش 02:10 PM
http://www.dzbatna.com/images/icons/icon28.gif [ط§ظ„ط¯ط±ط³ ط§ظ„ط§ظˆظ„]ط¨ظ†ط§ط، ظ†ظ…ظˆط°ط¬ طھط³ط¬ظٹظ„ ط¯ط®ظˆظ„ ط§ظ„ط£ط¹ط¶ط§ط، (http://www.dzbatna.com/t1142786/)



بناء نموذج تسجيل دخول الأعضاء

مقدمة:
من المهم معرفة إن عالم الانترنت بدون توفير الأمان قد يكون شئ مخيف! فتخيل معي عزيزي إن بريدك الالكتروني لا يوجد فيه نظام تسجيل الدخول.. ببساطه أصبح مفتوح لكل من يريد الدخول لذلك جاءت فكرة إنشاء نظام تسجيل الدخول والتحقق من الصحة.
وهذا ما سوف نستعرض فكرته بشكل مبسط بعيد عن التعقيد.. لكي نسهل عليك سرعة تعلم بناء نموذج مشابه بنفسك. لنترك كثر المقدمات ونبدأ..

النموذج الذي سوف نستخدمه مكتوب بلغة php وهو غير مرتبط بقواعد بيانات ولا بملفات نصيه خارجية لكي نبعد عن التعقيد. وما نحتاجه الآن هو فقط ملف واحد سوف نقوم بتسميته (Login.php)

الخطوات:
1 - أفتح أي برنامج لتحرير صفحات PHP ويمكنك استخدام برنامج المفكرة(سوف نستخدمه هنا).
2 - بعد فتح البرنامج قم بحفظه بأسم (Login.php)
3 - أكتب الكود code التالي في البداية

كود code PHP:



PHP CODE:0001
0002
0003
0004
0005
<?
// www.alremal.com (http://www.alremal.com)

if (!$submit){
?>





وهذا كما تشاهد نقوم ببدء صفحة PHP ثم نقوم بكتابة سطر مهم وهو إذا تم فتح الصفحة بدون الضغط على زر دخول (submit) يعرض لنا النموذج ونستخدمه في حال كان النموذج والكود code المعالجة في ملف واحد.

4 - ندرج الآن كود codeHTML كما نحب أن يظهر على المستعرض (ويمكنك تصميمه كما تشاء) فقط لا تنسى أن تدرج فورم يحتوي على ثلاث عناصر هي:
أ - مربع نص واسمه (UserName) خاص باسم المستخدم.
ب - مربع نص واسمه (UserPass) خاص بالرقم السري.
ج - زر أمر واسمه (Submit) خاص بتطبيق أمر الدخول. وهذا كود code مثالي لذلك:

كود code بلغة HTML:


PHP CODE:0001
0002
0003
0004
0005
0006
0007
0008
0009
0010
0011
0012
0013
0014
0015
0016
0017
0018
0019
0020
0021
0022
0023
0024
0025
0026
0027
0028
0029
0030
0031
0032
0033
0034
0035
0036
0037
0038
0039
0040
<?php <html dir=&quot;rtl&quot;>
<body>
<div align=&quot;center&quot;>
<center>
<table width=&quot;320&quot; >
<tr>
<td width=&quot;319&quot; height=&quot;48&quot; bgcolor=&quot;#F0F0F0&quot;>
<p align=&quot;center&quot;><span lang=&quot;ar-sa&quot;>تسجيل دخول </span></td>
</tr>
<tr>



<td width=&quot;319&quot; height=&quot;70&quot; bgcolor=&quot;#F0F0F0&quot;>
<!--&quot; form من هنا ببدء كود code النموذج بداية من كلمة &quot; -->
<form method=&quot;POST&quot; action=&quot;Login.php&quot;>
<table width=&quot;100%&quot; >
<tr>
<td width=&quot;50%&quot; bgcolor=&quot;#F0F0F0&quot;>
<p ALIGN=&quot;right&quot;>اسم المستخدم</td>
<td width=&quot;50%&quot; bgcolor=&quot;#F0F0F0&quot;><input type=&quot;text&quot; name=&quot;UserName&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td width=&quot;50%&quot; bgcolor=&quot;#F0F0F0&quot;>كلمة المرور</td>
<td width=&quot;50%&quot; bgcolor=&quot;#F0F0F0&quot;><input type=&quot;text&quot; name=&quot;UserPass&quot; size=&quot;20&quot;></td>
</tr>
<tr>
<td width=&quot;50%&quot; bgcolor=&quot;#F0F0F0&quot;>
</td>
<td width=&quot;50%&quot; bgcolor=&quot;#F0F0F0&quot;>
<input type=&quot;submit&quot; value=&quot;دخول&quot; name=&quot;submit&quot; style=&quot;float: right&quot;></td>
</tr>
</table>
</form>
<!--&quot; form من هنا نهاية كود code النموذج بداية من كلمة &quot; -->
</td>
</tr>
</table>
</center>
</div>
</body>
</html>
?>



5 - نقوم الآن بإدراج كود code المعالجة بلغة php وهو بسيط جدا لمن يجيد مبادئ أي لغة برمجة فنحن سوف نستخدم أمر الشرط (if...elseif). للتحقق من صحة المعلومات المدخلة نكتب الكود code التالي
كود code PHP:



PHP CODE:0001
0002
0003
0004
0005
0006
0007
0008
0009
0010
0011
0012
0013
0014
0015
0016
0017
0018
0019
0020
0021
0022
0023
0024
0025
<?
}
else
{
$name=&quot;test&quot;;
$pass=&quot;123&quot;;
if ($UserName != $name) {
echo &quot;<center>&quot;;
echo &quot;اسم المستخدم غير صحيح.. اضغط زر تراجع&quot;;
echo &quot;</font>&quot;;
} elseif ($UserPass != $pass) {
echo &quot;<center>&quot;;
echo &quot;الرقم السري غير صحيح.. اضغط زر تراجع&quot;;
echo &quot;</font>&quot;;
} else {
echo &quot;<center><b>&quot;;
echo &quot;أهلا بك في الموقع&quot;;
echo &quot;</H2>&quot;;</b>


}
}


<b>
</B>







وشرح طريقة هذا الكود code انه عند إرسال البيانات من النموذج بالضغط على زر (submit) سوف يتم تطبيق كود code المعالجة والذي يستقبل المتغيرات (UserName) و (UserPass) من النموذج ويقوم بالتأكد منها حسب القيمة المحددة في المتغيرات (name) و (pass).

طبعا يمكن الاستغناء عن تحديد القيم في المتغيرات (name) و (pass) واستخراج قيم من قاعدة البيانات ليكون هناك إمكانية لأكثر من مستخدم .

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





ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى