دروة برمجة لوحة تحكم مثل VB والصورة تثبت >>الدرس الاول

كثير منا يصنع اسكربت او موقع وماشبة ذلك

ويحتاج للوحة تحكم قوية مثل منتديات VB


اليوم وبعد الانتهاء من تصميم لوحة تحكم لموقع الخاص وهي مثل vb


لا ابخل عليكم بها


ولاكن انا غير مشجع اني اوضع الملفات في المرفقات وعدل يللى تعرف


ومش هدهالكم ببلاش مش هاخد فلوس بس هاخد ثواب


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


طيب نبص على الصورة للوحة التحكم اللى هنعمل زيها اشاء الله في الدورة




ودي لوحة تحكم vb




هي تشبها بس اظن انها تفي بالغرض




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

1-index.php
وده ملف الصفحة الرئيسية اللى هندخل اللوحة من خلاله
2-log_in.php
ده ملف هياخد البيانات المدخلة من index.php وهيشوفها صح ولا لا بيانات الدخول

هنشرح الملفين دول

ملحوظة مهمة

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

نبدء اولا ملف index.php


كود PHP:

<?php
session_start
();$TITLE="تسجيل الدخول";
include(
"head.php");?><p><br><br><br>
<body>
<form action='index.php?admin=log_in' method='post'>
<div align="center" >
<table><tr>
<td align="center">&nbsp;<b>تسجيل الدخول</b></td>
</tr>
</table>
<table style="width:450;background-image:url(style/images/cp_navbody_bg.gif);border-top:1px #FFFFFF solid;border-bottom:2px #FFFFFF solid">
<tr><td style="width:100px;height:75px;background-image:url(style/images/logo_in.png)"></td>
<td  style="width:350px;height:75px" align="center"><b>W_TEC -عالم التكنولوجيا
</b><br>W_TEC 1.0.1 لوحة تحكم الإدارة </td>
</tr>
</table>

<?switch ($_REQUEST[admin]){
 default:
?><br>
<table  width="350px"><tr>
<td width="10px"></td>
<td align="left">
اسـم العضـو
</td>
<td width="250px">
<input  type='text' name='user_name'>
</td>
</tr>
<tr>
<td width="10px"></td>
<td align="left">
كلمـة المرور
</td>
<td>
<input  type='password' name='pass_name'>
</td></tr>
<tr>
<td width="10px"></td>
<td></td>
<td align="center">
<input  type='submit' value='تسجيـل الدخول'>

<?break;
case
"log_in":
include(
"log_in.php");
break;

case
"log_out":
unset( 
$_SESSION['admin_session']);  session_destroy(); 
echo 
"<div><br> تم تسجيل الخروج ";
echo 
"<br><br>
<a href='index.php'>اضغط هنا</a>
 لتسجيل الدخول مره اخرى</div>"
;


break;
}
?><br>
</td><tr></table>

</div>
</form>
الشرح

اول سطر بداية الجلسة طبعا معروفة

التاني عنوان الصفحة اللى هيظهر فى شريط العنوان

الثالث جلب ملف اللى هنكتب فية الاستايل بعدين

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

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

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

كود PHP:
<form action='index.php?admin=log_in' method='post'
نلاحظ ان الاكشن نفس اسم الصفحة بس هناك شي جديد
admin=log_in
دة العنوان اللى هيروحة في الصفحة يعني هيدور على كلمة log_in هنتعرف عليها دلوقتي
اما كلمة admn دة اسم دالة السويتش اللى هيدخلها يدور على العنوان المساوي اللى هو log_in

طيب الفورم بداخلة اكثر من جدول وبعد اول جدولين
كود جديد كود PHP وهو بداية السويتش
كود PHP:
switch ($_REQUEST[admin]){ 
لاحظ اسم السويتش هو admin

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

وكلمة default

تعني ان الكود اللى بعد الكلمة دي هو الاساسي بالصفحة مش هيظهر غيرة من الدالة دي

وبعدها سطر جديد وبداية جدول ثالث اللى هنوضع بة input علشان ندخل المعلومات فيها

بعد الجدول دة هنلاقي كود PHP
case"log_in"

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

كود PHP:
include("log_in.php"); 
يعني هجيب صفحة log_in.php
كلمة break تعني توقف اي ممنوع قرائة كود اخر في الدالة

نبص بعد الكود ده كود اخر PHP بس جميل جدا ركز واشرب شاي وهاتلي دماغك هنا طبعا في الدرس
كود PHP:
 case"log_out":
unset( 
$_SESSION['admin_session']);  session_destroy(); 
echo 
"<div><br> تم تسجيل الخروج ";
echo 
"<br><br>
<a href='index.php'>اضغط هنا</a>
 لتسجيل الدخول مره اخرى</div>"
;


break; 
ده كود تسجيل الخروج يعني بيحتوي على تدمير الجلسة اللي بدايتها في اول الصفحة
واغلقنا الدالة (السويتش)
وبعد كدة غلق الجدول المفتوح والفورم
وبكدة نكون انتهينا من اول صفحة وهي index.php

الصفحة التانية log_in.php

طبعا اللى شاف الدرس كويس هيعرف ان الصفحة دة مطلوبة فى الصفحة السابقة

كود PHP:

<?phpinclude("head.php");
include(
"w_tec_info.php");

if (
$_POST[user_name]==""){
 echo 
"<div ><br>
 نرجو ادخال اسم العضــو ...
 <a href='index.php'> [
  اضغط هنا
  ].</a>.للرجوع
 </div>
  <br> "
;
}
elseif(
$_POST[pass_name]==""){
 echo 
"<div class='style1'><br>
 نرجو ادخال كلمة المرور ...
<a href='index.php'> [
  اضغط هنا
  ].</a>.للرجوع
</div>
  <br>  "
;
}
elseif{

 if(
$_POST[user_name]==$admin && $_POST[pass_name]==$pass){

  
$_SESSION['$admin_session']="$_POST[user_name]";

  echo 
"<div ><br><img src='style/images/kwalletmanager.png'>
  لقد تم تسجيل الدخول بنجاح  يا : $_POST[user_name]
  <br />سيتم نقلك الان للوحة التحكم

  <br />اذا لم يتم نقلك خلال ثواني  <a href='index_admin.php'>اضغط هنا</a>
  ...<meta http-equiv = refresh content=5;url=index_admin.php>
  </div>
  <br>
  "



 }
 else{
  echo 
"<div ><br>اسم المستخدم او كلمة المرور خطأ ...
  <a href='index.php'>[
  اضغط هنا
  ].</a>.للرجوع

  </div>
  "
;

 }
 
?>
دي صفحة للتاكد من البيانات المدخلة ومقارنتها وتسجيل الجلسه

اولا امر جلب صفحة head.php
وقلت دي هيبقي فيها الاستايل

التاني شبه بس ملف w_tec_info.php
ودة طبعا فية متغيرين الاسم والباسورد
وكودة هو

كود PHP:
<?php//اسم المستخدم$admin "hossam2044";//الباسورد$pass "0129493521";?>
علشان نقارنهم بالمدخل من المستخدم

كود PHP:
if ($_POST[user_name]==""){
 echo 
"<div ><br>
 نرجو ادخال اسم العضــو ...
 <a href='index.php'> [
  اضغط هنا
  ].</a>.للرجوع
 </div>
  <br> "
;
طبعا اول شرط لو الاسم فارغ اظهر الرسالة دي

كود PHP:
elseif($_POST[pass_name]==""){
 echo 
"<div class='style1'><br>
 نرجو ادخال كلمة المرور ...
<a href='index.php'> [
  اضغط هنا
  ].</a>.للرجوع
</div>
  <br>  "
;
الشرط التاني دة لو اتحقق الشرط الاول يشوف كلمة المرور لو فارغه اظهر الرسالة دي

كود PHP:
elseif{

 if(
$_POST[user_name]==$admin && $_POST[pass_name]==$pass){

  
$_SESSION['$admin_session']="$_POST[user_name]";

  echo 
"<div ><br><img src='style/images/kwalletmanager.png'>
  لقد تم تسجيل الدخول بنجاح  يا : $_POST[user_name]
  <br />سيتم نقلك الان للوحة التحكم

  <br />اذا لم يتم نقلك خلال ثواني  <a href='index_admin.php'>اضغط هنا</a>
  ...<meta http-equiv = refresh content=5;url=index_admin.php>
  </div>
  <br>
  "



 } 
الشرط الثالث لو الشرطين السابقين اتحققو ان المستخدم دخل اسم وكلمة مرور

هنا بيتأكد منهم ولو وجدهم صح هيسجل الجلسة من خلال الكود

كود PHP:

  $_SESSION
['$admin_session']="$_POST[user_name]"
ويحولك عل صفحة جديدة

كود PHP:
 else{
  echo 
"<div ><br>اسم المستخدم او كلمة المرور خطأ ...
  <a href='index.php'>[
  اضغط هنا
  ].</a>.للرجوع

  </div>
  "
;

 } 
اخر شرط لو كلمة الاسم غير صحيح وكلمة المرور رجعني تاني علشان ادخلهم

وبكدة خلصنا 3 ملفات مش 2 لان خدنا ملف بسيط معانا في الشرح وهو w_tec_info.php

ملاحظة

كتير هستخدم كلمة w_tec لان ده اسم موقع اللى بصمم فية الان ومنذ فترة طويلة اللى عاوز يستبدله يستبدلة
ويفضل تركة وبعد مانخلص ابقي استبدلة علشان محدش يتلغبط

0 التعليقات:

إرسال تعليق

تصميم : قوالب بلوجر معربة