القائمة الرئيسية

الصفحات

برمجة سكربت نظام تسجيل ودخول حصريا على شبكة ستار سيتار

http://i959.photobucket.com/albums/ae74/berhom/dz2-6.png?t=1272376909

ثم نضع إسم المستخدم ( root ) وكلمة السر للدخول

والتي وضعناها سابقا أثناء تثبيت السيرفر المحلي

http://i959.photobucket.com/albums/ae74/berhom/dz3-10.png?t=1272376909

الآن وبعدما دخلنا .. سنقوم بإنشاء قاعدة بيانات جديدة كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz4-5.png?t=1272377267

تم إنشاء القاعدة بنجاح كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz5-5.png?t=1272377267

قائمة قواعد البيانات وتظهر هنا القاعدة التي أنشأناها ويظهر أمامها (0) أي لا تحوي أي جداول

http://i959.photobucket.com/albums/ae74/berhom/dz6-7.png?t=1272377267

نقوم الآن بإنشاء جدول بإسم ( alger ) وبـ ( 5 ) حقول ثم نضغط كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz7-6.png?t=1272377565

تظهر لنا الصفحة التالية والخاصة بوضع أسماء الحقول وخصائصها

http://i959.photobucket.com/albums/ae74/berhom/dz8-5.png?t=1272377565

نملأ الخانات التي على اليمين كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz9-6.png?t=1272377566

حيث في الصف الأول وضعنا أسماء الحقول الـ (5) التي نريد إنشائها

وفي الصف الثاني هناك قوائم خاصة بنوع الحقول حيث

(int) يعني حقل رقمي لا يوضع فيه إلا الأرقام

(varchar) أي حقل حرفي ورقمي وله حد معين من الحروف

(text) حقل غير محدود في عدد الحروف والبيانات التي تكتب داخله

بالنسبة للصف الثالث المكتوب فيه ( الطول/القيمة)

فهو خاص بأقصى عدد الحروف أو الأرقام في الحقل الموضوعة له

http://i959.photobucket.com/albums/ae74/berhom/dz10-6.png?t=1272377921

الآن الخانات التي في الجهة اليسرى

حيث جعلنا في الصف (الخواص)

الخاصة ( unsigned ) للحقل ( id )

وهي عبارة عن شرط يجعل الحقل لا يقبل أرقاما سالبة

بالنسبة للصف الثاني (خالي)

فهو خاص بجعل الحقل إما :

لا يمكن أن يكون فارغا أو يكون فارغا

بالنسبة للصف (افتراضي) فنملأه فقط

لما نختار من الصف (خالي) القيمة (null)

فهي قيمة افتراضية عشوائية توضع لقيم الحقل

لم يتم إنشائه أو إذا أدخلنا بيانات معينة وتركنا

الحقل فارغا فستوضع فيه هاته القيمة التي نضعها

تلقائيا .. مثلا : (0 - 1 - dz .. إلخ)

بالنسبة للصف الرابع (إضافي) فيهمنا الأمر

الذي يظهر في الصورة (auto_increment)

وقد وضعناه للحقل (id) لأنه خاص فقط بالحقول الرقمية

وظيفة الأمر هي الترقيم التلقائي للحقل

حيث كل ما أدخلنا قيمة جديدة للجدول

دون أن نضيف قيمة للحقل الذي فيه هذا الأمر

فسيضاف تلقائيا رقم (1)

أي إذا كان لدينا 4 صفوف (سجلات) في الجدول

فبإضافة صف (سجل) جديد فإنه سيصير رقم

الحقل الذي فيه الأمر (5) مباشرة

بالنسبة للصف الأخير والذي فيه الدوائر الخاصة باختيار

نوع الحقل ( أساسي , مميز , بنص كامل ... إلخ )

وفي هاته الحالة اخترنا الحقل الأساسي وللحقل الأول (id)

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

حسب هذا الحقل والربط أيضا بين جدولين .. إلخ

 

عموما بعدما وضعنا البيانات نضغط لإضافة الحقول

http://i959.photobucket.com/albums/ae74/berhom/dz11-7.png?t=1272377921

كما نلاحظ في الصورة تم إضافة الجدول بحقوله التي وضعناها وبخصائصها

http://i959.photobucket.com/albums/ae74/berhom/dz12-5.png?t=1272377923

وكما نلاحظ في قائمة قواعد البيانات صار هناك في القاعدة (dz) جدول واحد جديد

وهو الجدول (alger) الذي قمنا بإضافته

http://i959.photobucket.com/albums/ae74/berhom/dz13-6.png?t=1272378266

بالطريقة التالية أضفنا الجدول من (phpmyadmin)

سنضيفه الآن بأكواد ودوال (php , mysql) كما يحب الأعضاء

 

نتجه الآن إلى السيرفر المحلي

ندخل للقرص ( C )

http://i959.photobucket.com/albums/ae74/berhom/dz13-7.png?t=1272395175

نتجه لمجلد السيرفر المحلي

http://i959.photobucket.com/albums/ae74/berhom/dz101-1.png?t=1272384647

ندخل لمجلد الملفات التي ستعرض في المتصفح

http://i959.photobucket.com/albums/ae74/berhom/dz102-1.png?t=1272384643

ننشئ مجلد جديد بإسم (php) مثلا كما في الصورة

حتى نبرمج فيه هذا السكربت الذي سنقوم به

http://i959.photobucket.com/albums/ae74/berhom/dz14-4.png?t=1272378266

نضيف فيه الـ(5) ملفات المبينة في الصورة

( connect - index - singup - login - setup )

وكلها بصيغة (php)

http://i959.photobucket.com/albums/ae74/berhom/dz15-5.png?t=1272378266

ونضيف داخل كل هاته الملفات رمزي بداية ونهاية

أكواد (php) كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz16-5.png?t=1272378407

نفتح الملفات في محرر البرمجة

http://img102.herosh.com/2010/03/28/699168172.png

ونختار الملف

http://i959.photobucket.com/albums/ae74/berhom/dz17-5.png?t=1272378407

كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz18-7.png?t=1272378407

نكتب داخله الأكواد التالية والخاصة بالاتصال بالسيرفر وقاعدة البيانات

http://i959.photobucket.com/albums/ae74/berhom/dz19-6.png?t=1272378469

حيث (mysql_connect) دالة (mysql) للاتصال بالسيرفر

حيث يتم مطابقة البيانات (localhost,root,28) مع البيانات

المدخلة سابقا للسيرفر المحلي

وبالنسبة لـ (Localhost - root) فهما ثابتتان دائما في السيرفر المحلي

بالنسبة للباس (28) فهو ما تم اختياره أثناء تثبيت برنامج السيرفر المحلي

بالنسبة للدالة الثانية (mysql_select_db) فكذلك هي دالة (mysql)

لاختيار وتحديد ومطابقة قاعدة البيانات التي تكتب داخلها

مع القاعدة المضافة في السيرفر المحلي حتى يتم التعامل مع هاته القاعدة

وإدخال وتعديل وحذف البيانات داخلها

 

نضغط الآن (File) ونضغط (Save) لحفظ الملف مع ما أدخلناه فيه

أو نضغط مباشرة (ctrl+s) من لوحة المفاتيح كذلك للحفظ

http://i959.photobucket.com/albums/ae74/berhom/dz20-7.png?t=1272378469

أو نضغط على الزر المبين في الصورة وكذلك لحفظ الملف

http://i959.photobucket.com/albums/ae74/berhom/dz21-5.png?t=1272378469

بعدما أنشأنا ملف الاتصال بالسيرفر والقاعدة وهي أول وأهم خطوة لعمل أي

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

نختار الملف طبعا من محرر البرمجة

http://i959.photobucket.com/albums/ae74/berhom/dz22-6.png?t=1272378592

نضع أول شيء داخل الملف استدعاء ملف الاتصال (connect.php)

ونستدعي الملف بالدالة (require) الخاصة باستدعاء الملفات

ولماذا نستدعي ملف الاتصال ؟

لأنه يجب أن نختار قاعدة بيانات نضيف فيها جداول

وندخل إليها ونحذف ونعدل منها .. إلخ

كما أنه لا يمكننا تطبيق أوامر (mysql)

من استخراج بيانات وإدخال وحذف وتعديلها .. إلخ

http://i959.photobucket.com/albums/ae74/berhom/dz23-6.png?t=1272378593

بالأكواد الجديدة التالية جعلنا الكلمة (dz) التي سنستعملها

في في رابط التثبيت مثال لمن لم يفهم (setup.php?dz=setup)

ما بالأحمر هي ما تكلمت عنه هنا

وهنا قد طبقنا عن المتغير ($dz) أو نقول عن (dz) التي

ستظهر في الرابط الدالة (trim) والخاصة بإزالة الفراغات

من الرابط وهي دالة حماية لها عدة وظائف نشرحها لاحقا

http://i959.photobucket.com/albums/ae74/berhom/dz24-5.png?t=1272378593

الآن نضع المرحلة الأولى للتثبيت حيث عندما ندخل لملف التثبيت

(setup.php) سيظهر ما بين الحضانتين ( { } )

ويمكن تغيير (!$dz) إلى ($dz == '') أي if($dz == '')

عموما هذا تفصيل ولا يهمنا حاليا

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

( تثبيت جدول الأعضاء ) وعند الضغط عليه يأخذنا للرابط

( setup.php?dz=setup ) أي للمرحلة الثانية

http://i959.photobucket.com/albums/ae74/berhom/dz26-5.png?t=1272378751

وهنا سنضع المرحلة الثانية كما في الصورة

($dz == "setup") والتي سينقلنا إليها الرابط السابق

الذي يظهر أثناء دخول ملف التثبيت مباشرة

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

(setup.php?dz=setup)

http://i959.photobucket.com/albums/ae74/berhom/dz27-5.png?t=1272378755

سنضع الآن شرطين الأول إذا نجح وتم تطبيق

ما سنضعه بين الحاضنتين الأولتين ( {} )

اللتان كتبتا بعد (if(!$sql))

والشرط الثاني يتحقق إذا لم يتحقق الشرط الأول

مباشرة وسنضع داخلها رسالة عادية لتبيين أن

الشرط الأول لم ينجح

http://i959.photobucket.com/albums/ae74/berhom/dz28-4.png?t=1272378755

أضفنا الآن رسالتين الأولى تظهر إذا تحقق الشرط الأول

والثانية تظهر إذا لم يتحقق الشرط الأول

والشرط الأول سنضع داخله أكواد sql لإضافة جدول الأعضاء داخل القاعدة

http://i959.photobucket.com/albums/ae74/berhom/dz29-5.png?t=1272378818

مكان الكتابة التي بالأخضر وبين حاضنتي الشرط الأول نضع ما يلي

http://i959.photobucket.com/albums/ae74/berhom/dz30-5.png?t=1272378818

حيث (mysql_query) هي دالة (mysql) لتطبيق أوامرها وتبيين

أنا ما يكتب داخلها هي أوامر (mysql) وستطبق على السيرفر وقاعدة البيانات

 

والصورة توضح أين نكتب هاته الدالة وأين نكتب أوامر (mysql) داخلها

http://i959.photobucket.com/albums/ae74/berhom/dz31-7.png?t=1272378822

نضع الآن الأكواد المواضح في الصورة لإضافة جدول الأعضاء

حيث (Create Table) أمر (mysql) لإنشاء جدول جديد

(alger) هو إسم الجدول المراد إضافته

وما تحت هذا السطر هو مكان كتابة الحقول المراد إضافتها

وخصائص هاته الحقول

أما ( Engine = Myisam ) فيمكن أن نقول عن (Myisam)

أنها المحرك الافتراضي لـ (لقاعدة البيانات) في (mysql)

وللمزيد عنها ( www.google.dz )

http://i959.photobucket.com/albums/ae74/berhom/dz32-7.png?t=1272379102

الكود كاملا لحد الآن والخاص بالمرحلة الثانية والخاصة بإضافة جدول الأعضاء للقاعدة

http://i959.photobucket.com/albums/ae74/berhom/dz33-7.png?t=1272380433

نضيف الآن الحقول في المكان الموضح في الصورة السابقة

http://i959.photobucket.com/albums/ae74/berhom/dz34-6.png?t=1272379104

نفس ما أضفناه سابقا من (phpmyadmin) سنضيفه الآن بالأكواد

والصورة التالية تشرح الأكواد شرحا مفصلا

http://i959.photobucket.com/albums/ae74/berhom/dz35-7.png?t=1272379889

لتكون الأكواد كاملة كما في الصورة التالية

http://i959.photobucket.com/albums/ae74/berhom/dz36-6.png?t=1272379889

نغير الآن الرسالتين اللتان تظهران في حال نجاح أو عدم نجاح عملية تثبيت الجدول (alger) في القاعدة

http://i959.photobucket.com/albums/ae74/berhom/dz37-7.png?t=1272379890

الأكواد بالتحديد .. وفي حال نجاح عملية التثبيت وكتابة الأكواد بشكل صحيح

فستظهر الرسالة التي كتبناها بعد الدالة (echo) الخاصة بإظهار البيانات

http://i959.photobucket.com/albums/ae74/berhom/dz38-4.png?t=1272380359

وفي حال عدم نجاح تثبيت الجدول (alger) في القاعدة (dz) فستظهر الرسالة التي

كتبناها بعد (echo) كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz39-3.png?t=1272380359

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

ندخل على رابط السيرفر المحلي في المتصفح كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz40-4.png?t=1272380359

نضغط الآن على الرابط للقيام بعملية تثبيت جدول الأعضاء

الذي سميناه (alger) في القاعدة (dz)

http://i959.photobucket.com/albums/ae74/berhom/dz41-2.png?t=1272380433

سيتم نقلنا للرابط التالي

http://i959.photobucket.com/albums/ae74/berhom/dz42-2.png?t=1272380433

والذي يمثل المرحلة الثانية من عملية التثبيت

في حال لم تنجح العملية ستظهر الرسالة التالية

http://i959.photobucket.com/albums/ae74/berhom/dz43-2.png?t=1272380600

وفي حال نجاح العملية وطبعا بإذن الله ستنجح فستظهر الرسالة

التالية والتي كتبناها في الملف سابقا

http://i959.photobucket.com/albums/ae74/berhom/dz44-2.png?t=1272380600

نضغط على الرابط الذي كتب فيه (الرئيسية)

والذي أنشأناه في ملف التثبيت سابقا

والذي في الصورة التالية

سيتم نقلنا حينها إلى الصفحة الرئيسية (index.php)

وستظهر الصفحة بيضاء .. لأننا لم نكتب داخلها أي شيء

http://i959.photobucket.com/albums/ae74/berhom/dz45-2.png?t=1272380602

سنبرمج الآن الصفحة الرئيسية .. لهذا نفتح ونختار الملف داخل محرر البرمجة

http://i959.photobucket.com/albums/ae74/berhom/dz46-3.png?t=1272380775

ونكتب ما يظهر من أكواد في الصورة

حيث (echo) دالة إظهار البيانات

<html dir="rtl"> ) لتحديد أن ما بعدها أكواد (html) كما أنها

هنا تجعل الصفحة والكتابة والاتجاه عربيا أي من اليمين إلى اليسار

ولعكس الجهة نغير (rtl) والتي تعني (right to left) أي من اليمين لليسار

إلى (ltr) والتي تعني (left to right) أي من اليسار لليمين

(<head> و </head>) رمزي (html) الأول للبداية والثانية للنهاية

وما يكتب بينهما هي أكواد (html) كذلك تطبق في المتصفح دون أن تظهر

وقد أضفنا داخلهما هنا كود إظهار اللغة العربية كما هو موضوع في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz47-3.png?t=1272380775

سنضيف الآن جدولا في الصفحة الرئيسية ونضع فيه رابط يأخذنا لصفحة التسجيل ورابط لصفحة تسجيل الدخول

نضع الأكواد التالية والمشروحة بالتفصيل في الصورة التالية

http://i959.photobucket.com/albums/ae74/berhom/dz48-3.png?t=1272380775

والنتيجة

http://i959.photobucket.com/albums/ae74/berhom/dz109.png?t=1272401585

نتجه الآن لصفحة التسجيل عبر الرابط الظاهر في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz49-4.png?t=1272381129

وطبعا النتيجة صورة بيضاء لأننا لم نضع شيئا داخل ملف التسجيل

http://i959.photobucket.com/albums/ae74/berhom/dz50-7.png?t=1272381132

سنقوم الآن ببرمجة الملف وأول شيء نضع في الأكواد الموضحة في الصورة

كما في الملف السابق (ملف الرئيسية ـ index.php) والتي تم شرحها أيضا سابقا

http://i959.photobucket.com/albums/ae74/berhom/dz51-3.png?t=1272381129

نبدأ بأول شيء وهو الشرط التالي الواضح في الصورة

حيث سيظهر مابين حاضنتي هذا الشرط في حال دخول ملف التسجيل

أي إذا دخلنا الملف وكانت القيمة (dz) التي في الرابط والتي شرحتها سابقا ماهي

لا تساوي شيئا فسيظهر ما بين الحاضنتين

http://i959.photobucket.com/albums/ae74/berhom/dz52-3.png?t=1272381314

نضيف الدالة (echo) الخاص بإظهار البيانات في المتصفح

http://i959.photobucket.com/albums/ae74/berhom/dz107.png?t=1272399990

ونضيف داخلها كود الفورم الخاص بالتسجيل كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz54-4.png?t=1272381880

لتصير الأكواد كالتالي

http://i959.photobucket.com/albums/ae74/berhom/dz108.png?t=1272400161

ندخل الآن على ملف التسجيل في المتصفح

http://i959.photobucket.com/albums/ae74/berhom/dz49-4.png?t=1272381129

والنتيجة الفورم الخاص بالتسجيل

http://i959.photobucket.com/albums/ae74/berhom/dz55-3.png?t=1272381880

ننتقل الآن للمرحلة الثانية والتي لما يضع الزائر بياناته في فورم التسجيل يتم نقلنا إليه

http://i959.photobucket.com/albums/ae74/berhom/dz56-2.png?t=1272381880

وكما هو موضح في الصورة ما سنكتبه ولماذا نكتبه

http://i959.photobucket.com/albums/ae74/berhom/dz53-3.png?t=1272381315

وبالنسبة لـ : (!$name - !$pass - !$pass - !$mail )

فتعني إذا كانت تلك المتغيرات فارغة فلن يحدث شيء وستظهر

رسالة تخبرنا أن الخانات فارغة ويظهر رابط سنضعه لاحقا ليعيدنا لفورم التسجيل

نستخرج الآن بيانات الخانات التي في الفورم ونضعها في متغيرات

وبالنسبة لـ (['']$HTTP_POST_VARS) فهي الدالة المسؤولة عن استخراج البيانات

من الحقل الذي نضع إسمه داخل عارضتي ( [ ] ) الدالة

ويمكن أن نغيرها بـ ( $_POST [''] ) أو لا نستعملها في الاستخراج إطلاقا

لأنه بوضع متغير له نفس إسم الخانة التي في الفورم فمباشرة يخزن المتغير

قيمة الخانة التي له نفس إسمها

بالنسبة للدالتين اللتين بالأخضر ( trim - htmlspecialchars )

فهما دالتي حماية ولهما عدة وظائف (trim) تم ذكرها سابقا وهي لحذف

المساحات والفراغات بين في ماكتب في الخانات والأخرى لمنع تطبيق

أكواد (html و scrupt) وإظهارها ككتابة عادية في المتصفح

http://i959.photobucket.com/albums/ae74/berhom/dz57-2.png?t=1272381961

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

ومعها رابط للعودة لفورم التسجيل في تلك الحالة

وقد أضفنا الآن أوامر (mysql) الخاصة بإدخال البيانات التي يتم وضعها في فورم التسجيل

والتي استخرجناها وخزناها في متغيرات كما في الصورة السابقة

حيث : ( insert into ) هو أمر (mysql) لإدخال البيانات لجدول معين

وهنا حددنا إدخالها للجدول (alger) وبالتحديد إلى حقوله (id, name, pass, mail, country)

والبيانات التي ستدخل لهاته الحقول هي ما تساوي المتغيرات من البيانات التي تم إدخالها

في فورم التسجيل إلا الحقل (id) جعلنا ما سيدخل إليه القيمة (null) أي لا تدخل أي قيمة

لأنه حقل رقمي أساسي سيتم ترقيمه تلقائيا كلما أدخلنا بيانات

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

الزائر المسجل لجدول الأعضاء والرسالة موضحة في الصورة

تظهر عبارة (تم تسجيلك) ورابط يأخذنا للرئيسية

http://i959.photobucket.com/albums/ae74/berhom/dz58-2.png?t=1272381961

أكواد المرحلة الثانية من التسجيل كاملة

http://i959.photobucket.com/albums/ae74/berhom/dz59-2.png?t=1272381963

الآن ندخل على المتصفح على المجلد (php)

نضغط تسجيل

http://i959.photobucket.com/albums/ae74/berhom/dz109.png?t=1272401585

أو ندخل مباشرة على الرابط من السيرفر المحلي

http://i959.photobucket.com/albums/ae74/berhom/dz49-4.png?t=1272381129

يظهر الفورم الخاص بالتسجيل

http://i959.photobucket.com/albums/ae74/berhom/dz55-3.png?t=1272381880

نقوم بملأه ببيانات معينة كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz60-2.png?t=1272382178

يتم نقلنا إلى المرحلة الثانية من التسجيل

http://i959.photobucket.com/albums/ae74/berhom/dz61-2.png?t=1272382179

في حال لم نملأ كل البيانات فستظهر الرسالة التالية

http://i959.photobucket.com/albums/ae74/berhom/dz62-2.png?t=1272382179

وفي حال ملأ كل البيانات وعدم وقوع خطأ فستظهر

رسالة تعلمنا أن العملية قد نجحت

http://i959.photobucket.com/albums/ae74/berhom/dz63-2.png?t=1272382274

نضغط على الرابط للعودة للصفحة الرئيسية

ونضعط الآن دخول

http://i959.photobucket.com/albums/ae74/berhom/dz109.png?t=1272401585

للتوجه لصفحة تسجيل الدخول

وسيتم نقلنا للرابط التالي

http://i959.photobucket.com/albums/ae74/berhom/dz64-2.png?t=1272382275

وطبعا ستظهر الصفحة بيضاء

لأننا لم نضع شيئا في ملف تسجيل الدخول

http://i959.photobucket.com/albums/ae74/berhom/dz65-2.png?t=1272382275

ندخل الآن لملف تسجيل الدخول ونكتب أول وأهم شيء

http://i959.photobucket.com/albums/ae74/berhom/dz66-2.png?t=1272382666

حيث الدالة (session_start) دالة مهمة

يجب كتابتها عند استعمال نظام السيسيون

في تخزين البيانات في السيرفر

 

نكتب الأكواد كما في الصورة وهي خاصة

باستخراج البيانات من فورم تسجيل الدخول وتخزينها في متغيرات

وهنا يوجد خطأ في الصورة حيث تكتب ( = ) واحدة وليس إثنان ( == )

http://i959.photobucket.com/albums/ae74/berhom/dz67-2.png?t=1272382666

بعدها مباشرة نقوم باستدعاء ملف الاتصال لأننا فيما بعد سنتعامل مع القاعدة

وسنستخرج بيانات من قام بتسجيل الدخول

http://i959.photobucket.com/albums/ae74/berhom/dz68-2.png?t=1272382667

لتصير الأكواد كما يلي

هناك خطأ بسيط لم أنتبه له أثناء وضع الصور وقد صححته في ملفات السكربت

وهو وضع (=) بدل (==)

http://i959.photobucket.com/albums/ae74/berhom/dz69-2.png?t=1272382733

الآن نضيف أكواد (html) التالية كما أضفناها سابقا في ملف الصفحة الرئيسية

حيث وظيفة الدالة (echo) في السطر (10) هي لإظهار البيانات المكتوب بين رمزيها ( ' و '; )

السطر (11) هي تحديد أننا سنكتب بعده أكواد (html) وأيضا جعل اتجاه الكتابة من اليمين لليسار (عربي)

السطر (12) كود رأس الصفحة وما سيكتب بعده وقبل الكود في السطر (14) هي أكواد تطبق دون أن تظهر في المتصفح

الكود في السطر (13) هو كود إظهار العربية في المتصفح

الكود في السطر (15) هو لبدأ جسم الصفحة أي نكتب بعدها ما سيظهر في المتصفح

وبالنسبة للسطر (16) فهو كود توسيط الكتابة وإظهارها في الوسط في المتصفح

http://i959.photobucket.com/albums/ae74/berhom/dz70-2.png?t=1272382733

تصير الأكواد الآن كالتالي

http://i959.photobucket.com/albums/ae74/berhom/dz71-2.png?t=1272382734

سنضع الآن الشرط الأول وهو عند تسجيل الدخول عن طريق فورم تسجيل الدخول

سيتم نقلنا لهاته المرحلة حيث يصير الرابط في المتصفح (login.php?dz=in)

وهنا وضعنا شرط إذا كان المتغيران ($name - $pass ) فارغان وهما يساويان ما تم إدخاله في خانتي الفورم

فسيتم هنا ظهور الرسالة المكتوبة بعد دالة إظهار البيانات (echo)

http://i959.photobucket.com/albums/ae74/berhom/dz72-2.png?t=1272383396

وهذه نتيجة الرسالة

http://i959.photobucket.com/albums/ae74/berhom/dz78-1.png?t=1272383606

الآن نبرمج مرحلة تسجيل الخروج .. حيث عندما يتم تسجيل الدخول يظهر لنا رابط

كتب فيه تسجيل الخروج ينقلنا لهاته المرحلة وحينها يكون الرابط في المتصفح (login.php?dz=out)

حيث قمنا هنا بإفراغ الإسم وكلمة السر المخزنتان في السيرفر عن طريق جعلهما يساوي لا شيء

ووضعنا في السطر الرابع الدالة (header) والتي ستقوم بنقلنا للمكان الذي حددناه داخلها وهو (index.php)

أي بعد تسجيل الخروج سيتم نقلنا للصفحة الرئيسية

http://i959.photobucket.com/albums/ae74/berhom/dz73-2.png?t=1272383396

الآن سنقوم باستخراج ما تم إدخاله في السيرفر من إسم وكلمة السر

اللتان أدخلهما الزائر ونخزنهما في متغيران بإسم (s_name - s_pass) كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz74-2.png?t=1272383527

سنقوم الآن بمطابقة ما تم إدخاله من إسم وكلمة السر للسيرفر مع أسماء

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

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

(select * from alger) أي استخراج كل البيانات من جدول الأعضاء (alger)

(where name='$s_name and pass='$pass)

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

لم يكون الإسم والباس هما الإسم والباس المدخلين في خانتي فورم تسجيل الدخول

وإن كانا صحيحين فكما قلت سابقا سيتم استخراج بيانات صاحب ذلك الإسم والباس

والتي هي الدولة والبريد إضافة إلى الإسم ورقم المسجل أيضا

http://i959.photobucket.com/albums/ae74/berhom/dz75-2.png?t=1272383528

الآن وضعنا رسالة تظهر إذا تم تسجيل الدخول وفيها كتابة عادية وإظهار

لإسم من قام بتسجيل الدخول وبريده ودولته وإذا لم يتم تسجيل الدخول فسيظهر فورم تسجيل الدخول

http://i959.photobucket.com/albums/ae74/berhom/dz76-2.png?t=1272383528

وأخيرا نضع أكواد لإغلاق الأكواد السابقة

الكود (center) لإغلاق الكود السابق وإنهاء توسيط الكتابة عندها

والكود (body) لإغلاق الكود السابق الذي يحدد مكان الأكواد التي ستظهر في المتصفح (جسم الصفحة)

وأخيرا كود (html) لإغلاق كود (html) السابق وهما يحددان مكان وبداية ونهاية أكواد (html) واتجاه الصفحة ..

http://i959.photobucket.com/albums/ae74/berhom/dz77.png?t=1272383605

الآن نتجه للسيرفر لنجرب تسجيل الدخول .. ندخل على الرابط الموضح في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz80-1.png?t=1272383675

نضع بيانات تسجيل الدخول بإسم وكلمة سر صحيحين سجلنا بهما سابقا

http://i959.photobucket.com/albums/ae74/berhom/dz85-1.png?t=1272383763

في حال لم يتم ملأ كلا الخانتين فستظهر الرسالة التالية بعد الضغط

http://i959.photobucket.com/albums/ae74/berhom/dz78-1.png?t=1272383606

أنا مثلا سأضع البيانات التالية التي سجلت بها

http://i959.photobucket.com/albums/ae74/berhom/dz79-1.png?t=1272383607

وطالما هي صحيحة فسيتم تسجيل دخولي

واستخراج بياناتي من جدول الأعضاء وإظهار هاته البيانات

الإسم والدولة والبريد الإلكتروني

http://i959.photobucket.com/albums/ae74/berhom/dz81-1.png?t=1272383676

سنغير هاته الرسالة إلى أخرى فيها رابط لتسجيل الخروج

فنكتب ما يلي والأكواد واضحة في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz82-1.png?t=1272383676

وهاته النتيجة من المتصفح أثناء تسجيل الدخول

http://i959.photobucket.com/albums/ae74/berhom/dz83-1.png?t=1272383762

وعند الضغط على (تسجيل الخروج) سيتم نقلنا للرابط التالي

http://i959.photobucket.com/albums/ae74/berhom/dz84-1.png?t=1272383763

وبالتالي يعود فورم تسجيل الدخول

http://i959.photobucket.com/albums/ae74/berhom/dz85-1.png?t=1272383763

الآن سنضيف جدول لعرض المسجلين في الصفحة الرئيسية

نعود لمحرر البرمجة ونختار ملف الرئيسية (index.php)

http://i959.photobucket.com/albums/ae74/berhom/dz46-3.png?t=1272380775

نضيف داخله وبعد ( <? ) دالة استدعاء وبها نستدعي ملف الاتصال (connect.php)

لأننا سنقوم باستخراج بيانات الأعضاء من القاعدة وعرضها

http://i959.photobucket.com/albums/ae74/berhom/dz86-1.png?t=1272383905

نضع الأكواد الموضحة في الصورة وهي مجرد جدول بعدة خانات تحوي (الرقم - العضو - الدولة - البريد)

http://i959.photobucket.com/albums/ae74/berhom/dz88-1.png?t=1272383916

ونتيجة الجدول في الصفحة الرئيسية هي

http://i959.photobucket.com/albums/ae74/berhom/dz89-1.png?t=1272384146

نفصل الآن بين السطرين (35) و (36) ونضع بينهما مايلي كما في الصورة

http://i959.photobucket.com/albums/ae74/berhom/dz90-1.png?t=1272384146

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

نضع الأكواد الموضحة في الصورة

حيث الكود الأول في السطر (51) شرحناه سابقا وهو لاستخراج

بيانات الجدول (alger) كلها حيث (*) لاستخراج كل حقول الجدول

(mysql_query) هو أمر لتنفيذ أكواد (mysql)

(mysql_error) في حال تم تنفيذ الأمر الموضوع بين (mysql_query)

فسيظهر لنا السيرر الخطأ ونوعه ومكانه

(mysql_num_rows) هي لإحصاء عدد صفوف (سجلات) جدول الأعضاء (alger)

($b) متغير جعلناه يساوي الصفر وسنجلعه أقل من عدد صفوف (سجلات) جدول الأعضاء

وبعد الاستخراج نجعله يزيد كل مرة بواحد .. وكل ما يزيد سيستخرج بيانات مسجل آخر

ويضعها داخل خانات الجدول

(while) هي دالة للتكرار

(mysql_fetch_array) دالة لتحويل حقول الجدول وبياناتها إلى مصفوفة

وبالنسبة للمتغيرات فقد جعلناها تساوي البيانات الموجودة في حقول جدول الأعضاء (alger)

ثم وضعنا دالة إظهار البيانات (echo) وأضفنا لها خانات الجدول لتوضع وترتب فيها بيانات الأعضاء

وأخير (++$b) للتكرار وكل مرة تزيد بواحد .. وهنا ستقوم لنا باستخراج بيانات الجدول وكل مرة

يتم استخراج بيانات مسجل معين من الأصغر للأكبر

http://i959.photobucket.com/albums/ae74/berhom/dz91-1.png?t=1272384148

نعود الآن للصفحة الرئيسية في المتصفح وسيظهر لنا العضو المسجل ببياناته

http://i959.photobucket.com/albums/ae74/berhom/dz93-1.png?t=1272384224

نسجل مجددا ببيانات أخرى ولمرتين ونعود للرئيسية لنرى الأعضاء

التسجيل الأول

http://i959.photobucket.com/albums/ae74/berhom/dz94.png?t=1272384224

التسجيل الثاني

http://i959.photobucket.com/albums/ae74/berhom/dz95-1.png?t=1272384521

نرى الآن في جدول الأعضاء في (phpmyadmin)

بحيث تم إضافة المسجلين الجدد للجدول

http://i959.photobucket.com/albums/ae74/berhom/dz96-1.png?t=1272384525

نعود الآن للصفحة الرئيسية لنجد أنه تم إظهار المسجلين الجدد مباشرة

http://i959.photobucket.com/albums/ae74/berhom/dz97-1.png?t=1272384521

 

تعليقات