تصميم موقع تسويق الكتروني للتسوق عبر الانترنت

‫وزارة التعليم العايل والبحث العلمي‬
‫كلية احلدباء اجلامعة‬

‫قواعد بيانات‬
‫قسم علوم احلاسبات‬
‫املرحلة الثالثة‬
‫‪2020/2019‬‬
‫تصميم موقع تسويق الكتروني للتسوق عبر اإلنترنت‬
‫وربطه بقاعدة البيانات بإستخدام‪Php&MySQl‬‬
‫بإشراف األستاذ‬
‫ماهر خلف حسي‬

‫املرحلة الثالثة‬
‫الجــــــزء األول‬
‫في هـــذا الجزء ســوف نقوم بإنشـــــاء قــاعــدة‬

‫بيـانــات باســــم (‪)ecommerce‬‬
‫وجـــداول (‪ )admin, products, category‬وربطـــهم‬
‫بقاعدة البيانات عن طريق استخدام لغة ‪Php&Mysql‬‬
‫‪1‬‬
‫بإشراف االستاذ‬ ‫اعداد الطالب‬
‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬
‫موقع تسويق الكتروني للتسوق عبر اإلنترنت‬
‫‪2‬‬
‫نقوم بإنشاء قاعدة بيانات باسم (‪ )ecommerce‬وتحتوي على الجداول االتية‪:‬‬
‫‪admin‬‬
‫‪ecommerce‬‬
‫‪products‬‬ ‫‪category‬‬
‫في جداول ‪ admin‬نعمل على إدخال االسم والرقم السري للدخول الى الموقع‬
‫‪admin‬‬
‫‪a_pass‬‬ ‫‪a_name‬‬
‫‪3‬‬
‫‪p_id‬‬
‫‪p_category‬‬ ‫‪p_title‬‬
‫في جدول ‪ products‬نعمل على إضافة منتجات الى الموقع مثال‬
‫‪products‬‬
‫(اسم المنتج‪ ،‬عنوان المنتج‪ ،‬صورة المنتج‪.....‬الخ) لكي‬
‫يتم استدعاء هذه التصنيفات من قاعدة البيانات الى واجهة‬
‫‪p_desc‬‬ ‫‪p_img‬‬
‫الموقع الرئيسية فيما بعد‪.‬‬
‫‪p_key_word‬‬ ‫‪p_price‬‬
‫في جدول ‪ category‬نعمل على إضافة تصنيفات الى الموقع مثال (سيارات‪,‬حواسيب‪,‬مالبس‪.....‬الخ) عن طريق إضافة‬
‫اسم للمنتج لكي يتم استدعاء هذه التصنيفات من قاعدة البيانات الى واجهة الموقع الرئيسية فيما بعد‪.‬‬
‫‪category‬‬
‫‪c_id‬‬ ‫‪c_name‬‬
‫‪4‬‬
: mysql ‫يمكننا إنشاء الجداول المطلوبة عن طريق تنفيذ الكود التالي داخل قاعدة البيانات‬
-- Database: ècommerce`
-- --------------------------------------------------------
--
-- Table structure for table àdmin`
--
CREATE TABLE àdmin` (

à_id` int(11) NOT NULL,
à_name` varchar(255) NOT NULL,
à_pass` varchar(255) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table àdmin`
--
INSERT INTO àdmin` (à_id`, à_name`, à_pass`) VALUES

(1, 'abood', '1234');
-- --------------------------------------------------------
-- Table structure for table `category`
CREATE TABLE `category` (
`c_id` int(11) NOT NULL,
`c_name` varchar(255) NOT NULL
-- --------------------------------------------------------
--
-- Table structure for table `products`
--
CREATE TABLE `products` (

`p_id` int(11) NOT NULL,
`p_title` varchar(255) NOT NULL,
`p_category` int(255) NOT NULL,
`p_img` varchar(255) NOT NULL,
`p_price` varchar(255) NOT NULL,
`p_desc` text NOT NULL,
`p_key_word` varchar(255) NOT NULL
-- AUTO_INCREMENT for table àdmin`
5
--
ALTER TABLE àdmin`
MODIFY à_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;
-- AUTO_INCREMENT for table `category`

--
ALTER TABLE `category`
MODIFY `c_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=9;
-- AUTO_INCREMENT for table `products`

--
ALTER TABLE `products`
MODIFY `p_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=76;
COMMIT;
htdocs ‫ في مجلد‬ecommerce ‫ نقوم بتكوين مجلد‬ecommerce ‫بعد ان قمنا بإنشاء قاعدة بيانات باسم‬-
. xampp ‫التابع لمجلد‬
ecommerce ‫) داخل مجلد‬notepad(‫) عن طريق محرر النصوص‬index.php( ‫نقوم بإنشاء صفحة باسم‬-
:‫وتحتوي على الكود التالي‬
<?php include "files/header.php"?>

<ul>
<?php get_pro(); ?>
<?php get_pro_cat(); ?>
<div class="c"></div>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
</ul>
<?php include "files/footer.php"; ?>
‫) من‬footer.php(‫) و‬header.php( ‫كما الحظنا في الكود أعاله انه سوف نقوم باستدعاء محتويات صفحة‬
.files ‫مجلد‬
6
‫ داخل مجلد‬files ‫نقوم بانشاء مجلد جديد باسم‬

ecommerce
:‫ ويحتوي على الكود التالي‬files ‫) داخل مجلد‬header.php( ‫نقوم بتكوين صفحة باسم‬-
<!DOCTYPE html>
<html>
<head>
<title>‫<موقع تسويق الكتروني‬/title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css2/style.css" />
<link rel="stylesheet" href="css2/font-awesome/css/font-awesome.css">
</head>
<body>

<div class="headerTop">
<div class="logo "><center>
<a href="index.php"><img src="images/logo2.JPG" width="1350" height="400"/>
</a>
</center> </div>
</div>

<div class="menubar">
<ul class="w">
<li><a href="admin/login.php" class="btn-info " style="color:black;font-
family:Amin;font-size:10px;"><b> ‫منتج‬/‫<اضافة تصنيف‬/b></a></li>
<li><a href="index.php"> ‫<الرئيسية‬/a></li>
</ul>
</div>
7



<div class="search">
<div class="w">
<div class="searchForm l">
<form action="search.php" method="get">
<input type="text" name="searchArea" placeholder="‫أبحث هنا‬.."/>
<input type="submit" name="search" value="‫ " أبحث‬/>
</form>
</div>
<div class="sochil l">
<ul>
<li><a href="https://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/home"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.youtube.com"><i class="fa fa-youtube"></i></a></li>
<li><a href="https://www.instagram.com"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-telegram"></i></a></li>
</ul>
</div>
</div>
</div>

<br /><br />

<div class="w content">
8
:‫ ويحتوي على الكود التالي‬files ‫) داخل مجلد‬footer.php(‫نقوم بتكوين صفحة باسم‬-
</div>

<br><br>

<div class="footer">
<div class="w">
<div class="footerMenu">
<ul class="r">
<li>
<a href="index.php">‫<الرئيسية‬/a>
</li>
<li>
<a href="#">‫<عن الموقع‬/a>
</li>
<li>
<a href="#"> ‫<السياسات والخصوصية‬/a>
</li>
<li>
<a href="#">‫<شروط االستخدام‬/a>
</li>
</ul>
</div>
<div class="footerlogo l">
<a href="index.php"><img src="images/Elogo.png" width="450px"></a>
</div>
</div>
</div>
<div class="copyRight">
‫&جميع الحقوق محفوظة للمستخدم عبدالرحمن‬copy;2019
</div>

</body>
</html>
9
‫( داخل مجلد‬css2) ‫نقوم بتكوين مجلد باسم‬-

ecommerce
:‫( وتحتوي على الكود التالي‬css2) ‫( داخل مجلد‬style.css) ‫ نقوم بتكوين صفحة باسم‬-
*{
margin:0px;
padding:0px;
}
body
{
direction:rtl;
}
.r
{
float:right;
}
.l
{
float:left;
}
.c
{
clear:both;
}
.w
{
width:1000px;
margin:0px auto;
}
/* header style */
.headerTop{
10
background-repeat:repeat-x;
}
/* menubar style */
.menubar{
background:url('../images/menubar.png');
}
.menubar ul{
list-style:none;
}
.menubar ul li{
float:right;
padding:15px 3px;
margin-left:5px;
}
.menubar ul li a{
text-decoration:none;
font-family:tahoma;
font-size:12px;
color:#FE6036;
padding:10px;
border-radius:3px;
font-weight:bold;
}
.menubar ul li a:hover{
background:#b3ffb3;
color:blue;
}
/* search area */
.search{
background:#ccffff;
border-bottom:3px solid #ccc;
padding:7px;
}
.searchForm input[type=text]
{
padding:6px;
font-family:tahoma;
color:#ccc;
width:150px;
border:1px solid #ccc;
border-radius:15px;
}
.sochil ul{
list-style:none;
margin-top:2px;
}
.sochil ul li{
float:right;
11
padding:5px 10px;
}
.sochil ul li a{
color:#555;
}
.sochil ul li a:hover{
color:#999;
}
/* content style */
.content ul{
list-style:none;
}
.content ul li{
float:right;
margin-left:13px;
}
.product{
margin:0px;
padding:0px;
}
#pro_img{
width:320px;
height:150px;
}
#pro_img img{
border-radius:4px;
}
#pro_img img:hover{
opacity:0.7;
}
#pro_title a{
font-family:tahoma;
font-size:12px;
font-weight:bold;
float:right;
color:#000;
margin:5px;
}
#pro_bay{
float:left;
margin:5px;
}
/* footer style */
.footer{
background:#10adfe;
12
padding:25px 10px;
}
.footerMenu ul{
list-style:none;
}
.footerMenu ul li{
float:right;
margin-left:7px;
padding:7px;
}
.footerMenu ul li a{
color:#fff;
font-size:14px;
font-family:tahoma;
}
.footerMenu ul li a:hover{
text-decoration:underline;
}
.copyRight{
background:#777;
color:#fff;
font-size:12px;
font-family:tahoma;
text-align:center;
padding:10px;
}
.error{
background-color:#ff6600;
border: 1px solid #FC5D33;
padding: 10px;
font-family: tahoma;
font-size: 18px;
color: #fff;
text-align: center;
}
13
‫بعد ان قمنا بكتابة االكواد أعاله نقوم باالنتقال الى صفحة الموقع الذي قمنا بإنشاءه عن طريق متصفح‬
‫(‪ )google chrome‬او أي متصفح اخر‪ ،‬عن طريق كتابة الرابط التالي‪:‬‬
‫داخل مربع البحث في المتصفح‪.‬‬

‫فتظهر لنا الصفحة الرئيسية للموقع الذي قمنا بانشاءه‪:‬‬
‫‪14‬‬
‫ثم نتوجه الى صفحة ‪ phpMyAdmin‬عن طريق كتابة الرابط التالي‪:‬‬
‫والتي سوف نسميها باسم‬ ‫ثم نقوم بتكوين قاعدة البيانات الخاصة بنا والتي قمنا بشرح خطوات انشاءها مسبقا‬
‫‪ ecommerce‬والتي تحتوي على الجداول االتية‪:‬‬
‫‪-1‬جدول ‪admin‬‬
‫مالحظات‬ ‫النوع‬ ‫مكونات الجدول‬
‫المعرف الرقمي لألدمن‬ ‫‪Int‬‬ ‫‪a_id‬‬
‫اسم المستخدم‬ ‫‪Varchar‬‬ ‫‪a_name‬‬
‫كلمة السر‬ ‫‪Varchar‬‬ ‫‪a_pass‬‬
‫‪15‬‬
‫ويستخدم لتسجيل الدخول الى لوحة التحكم‬
ecommerce ‫ داخل مجلد‬admin ‫نقوم بإنشاء مجلد‬-
:‫( لعمل صفحة تسجيل الدخول ويحتوي على الكود التالي‬admin) ‫( داخل مجلد‬login.php)‫ نقوم بتكوين صفحة باسم‬-
<?php
//connect db
$con=mysqli_connect('localhost','root','','ecommerce');
//POST value
$a_name=@$_POST['a_name'];
$a_pass=@$_POST['a_pass'];
if(isset($_POST['login']))
{
if(empty($a_name) OR empty($a_pass)){
echo '<script> alert("‫المطلوبة‬ ‫< ;)"الرجاء وضع جميع البيانات‬/script>';

}
else {
//get admin name && admin pass

$get_admin="select * from admin where a_name='$a_name' AND
a_pass='$a_pass'";
16
$run_admin=mysqli_query($con,$get_admin);
//admin isset
if (mysqli_num_rows($run_admin)==1) {
$row_admin=mysqli_fetch_array($run_admin);
//admin value isset

$aname=$row_admin['a_name'];
//cookie here
setcookie("aname",$aname,time()+60*60*24);
setcookie("adminlogin",1,time()+60*60*24);
echo '<script> alert("‫< ;)" مرجبا بك مرة اخرى‬/script>';
header("Location: ok.php");
}
else{
echo '<script> alert("‫< ;)"البيانات المدخلة غير صحيحة‬/script>';
}
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>‫<تسجيل الدخول الى لوحة التحكم‬/title>
<link rel="stylesheet" type="text/css" href="css1/style.css">
</head>
<body>
<div class="loginAll">
<form action="login.php" method="POST">
<input type="text" name="a_name" placeholder="‫>"اسم المستخدم‬
<br/>
<input type="password" name="a_pass" placeholder="‫>"كلمة المرور‬
<br/>
<input type="submit" name="login" value="‫>"تسجيل دخول‬
</form>
</div>
</body>
</html>
17
‫بعد ان قمنا بكتابة االكواد أعاله نقوم باالنتقال الى صفحة تسجيل الدخول التي قمنا بإنشائها عن طريق متصفح ( ‪google‬‬
‫‪ )chrome‬او أي متصفح اخر‪ ،‬عن طريق كتابة الرابط التالي‪:‬‬
‫فتظهر لنا صفحة تسجيل الدخول الى لوحة التحكم‬
‫وعند قيامنا بإدخال اسم المستخدم وكلمة السر بصورة خاطئة تظهر لنا الرسالة التالية‪:‬‬
‫‪18‬‬
‫واذا قمنا بإدخال القيم بصورة صحيحة‬
‫سوف تظهر لنا رسالة تم تسجيل الدخول بنجاح وهي كالتالي‪:‬‬
‫وبعد ظهور الرسالة ب‪ 3‬ثوان يتم تحويلنا الى صفحة لوحة التحكم‪.‬‬
‫‪-‬نقوم بإنشاء صفحة باسم(‪ )ok.php‬داخل مجلد ‪ admin‬في مجلد ‪ ecommerce‬والتي تحتوي على الكود التالي‪:‬‬
‫>‪<meta charset="utf-8" /‬‬
‫>‪<link rel="stylesheet" type="text/css" href="css1/style.css" /‬‬
‫تم تسجيل الدخول بنجاح جاري تحويلك الى الصفحة الرئيسية >"‪<div class="ok‬‬
‫>‪</div‬‬
‫>‪<meta http-equiv="refresh" content="3; url='index.php'" /‬‬
‫‪-‬نقوم بتكوين مجلد باسم )‪ (css1‬داخل مجلد ‪.admin‬‬

‫ثم نقوم بتكوين صفحة باسم )‪ (style.css‬داخل مجلد )‪ (css1‬ويحتوي على الكود التالي‪:‬‬
‫{*‬
‫;‪margin:0px‬‬
‫;‪padding:0px‬‬
‫}‬
‫‪body‬‬
‫{‬
‫;‪direction:rtl‬‬
‫;‪background:#f9f9f9‬‬
‫}‬
‫{‪.loginAll‬‬
‫;‪width:600px‬‬
‫;‪margin:90px auto‬‬
‫;‪background:#fff‬‬
‫‪19‬‬
border:1px solid #bbb;

padding:10px;
}
input[type=text]
{
padding:7px;
width:585px;
border:1px solid #ddd;
font-family:tahoma;
font-size:12px;
margin-bottom:10px;
margin-top:5px;
}
input[type=password]
{
padding:7px;
width:585px;
border:1px solid #ddd;
font-family:tahoma;
font-size:12px;
margin-bottom:10px;
}
input[type=file]
{
padding:7px;
width:585px;
border:1px solid #eee;
font-family:tahoma;
font-size:12px;
margin-bottom:10px;
margin-top:5px;
}
input[type=submit]
{
padding:7px;
width:300px;
border:1px solid #217aad;
font-family:dubai;
font-size:13px;
background:#51a9dc;
color:#fff;
margin:0px 150px;
cursor:pointer;
}
.ok
{
background:#5bcf71;
padding:15px 10px;
text-align:center;
20
font-family:tahoma;
color:#fff;
font-size:13px;
border:1px solid #2da845;
}
.all
{
width:600px;
margin:50px auto;
}
.adminMenu ul{
list-style: none;
overflow:hidden;
}
.adminMenu ul li{
float:right;
padding: 5px;
font-family:tahoma;
background:#4cb9eb;
font-size:12px;
margin-left:10px;
}
.adminMenu ul li a{
font-family:tahoma;
font-size:12px;
color:#fff;
}
.adminBody
{
background:#fff;
padding:10px;
font-family:tahoma;
font-size:13px;
color:#555;
border:1px solid #eee;
}
.label
{
text-align:right;
font-family:tahoma;
color:#555;
font-size:12px;
21
‫االن نــقــوم بــإنــــشـاء صفــحة الدخــــــول الـــــــى لوحـــــــــة التحكـــــــم‬
.ecommerce ‫ التابع لمجلد‬admin ‫ التابع لمجلد‬inc ‫نقوم بتكوين مجلد باسم‬-

:‫) والتي تحتوي على الكود التالي‬cookie.php( ‫ثم نقوم بــإنــــشـاء صفحة باسم‬
<?php
$login_cookie=$_COOKIE['adminlogin'];
if ($login_cookie != 1) {
header("location: login.php");
}
?>
:‫ والتي تحتوي على الكود التالي‬inc ‫) داخل مجلد‬header.php( ‫ نقوم بــإنــــشـاء صفحة باسم‬-
<?php
include"inc/cookie.php";
//connect db
$db=mysqli_connect('localhost','root','','ecommerce');
?>
<!DOCTYPE html>
<html>
<head>
<title>‫<لوحة التحكم‬/title>
<meta charset="utf-8" />
<link href="css1/bootstrap.min.css" rel="stylesheet">
<script src="inc/ckeditor/ckeditor.js"></script>
</head>
<body>
<div class="all">


<div class="adminMenu">
<ul>
<li><a href="addcat.php">‫<اضافة تصنيف‬/a></li>
<li><a href="addpro.php">‫<اضافة منتج‬/a></li>
<li><a href="../index.php" style="color:#ff0066;"><b> ‫العودة الى‬
‫<الصفحة الرئيسية‬/b></a></li>
</ul>
</div>
22
‫>‪
<input type="hidden" name="personal" value="aboodiraq2816@personal.com">


<input type="hidden" name="cmd" value="_xclick">

<input type="hidden" name="item_name" value="<?php echo $pro_name; ?>">
<input type="hidden" name="amount" value="<?php echo $total; ?>">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="return"

value="http://localhost/ecommerce/paypal_success.php" />
<input type="hidden" name="cancel_return"

value="http://localhost/ecommerce/paypal_cancel.php" />


<button class="active">
<input type="image" name="submit" border="0"
src="images/paypal.png"
alt="Buy Now">
<img alt="" border="0" width="1" height="1"
src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" >
</button>
</form>
</center>
‫) الموجودة في‬header.php(‫واالن سوف نقوم بعمل تعديالت وإضافات في صفحة‬

:‫ وسيكون الكود بالشكل االتي‬ecommerce‫ التابع لمجلد‬files ‫مجلد‬
<?php
include "inc/function.php";
$user_cookie=@$_COOKIE['user'];
$login_cookie=@$_COOKIE['login'];
?>
<!DOCTYPE html>
<html>
<head>
73
</head>
<body>
<a href="index.php"><img src="images/logo2.JPG" width="1350"
height="400" /> </a>
</center>
</div>
</div>
<ul class="w">
<?php get_cat(); ?>
</ul>
</div>

<?php cart(); ?>
<div class="w">
<div class="cart r"> ‫?<اهال بك يا‬php echo $user_cookie." "; ?>! ‫سلة‬
‫ عدد جميع المنتجات‬-‫التسوق‬:
<?php total_item(); ?> ‫ السعر الكامل‬،: <?php total_price(); echo"$"; ?>
<a href="cart.php">‫<الذهاب الى البطاقة‬/a>
</div>
<input type="text" name="searchArea" placeholder="‫أبحث هنا‬.." />
</form>
</div>
<div class="sochil l">
<ul>
<li><a href="https://www.facebook.com"><i class="fa fa-
facebook"></i></a></li>
<li><a href="https://twitter.com/home"><i class="fa fa-
twitter"></i></a></li>
<li><a href="https://www.youtube.com"><i class="fa fa-
youtube"></i></a></li>
<li><a href="https://www.instagram.com"><i class="fa
fa-instagram"></i></a></li>
74

</ul>
</div>
</div>
</div>
<br /><br />
)‫وستكون النتيجة بعد تسجيل خروج من الموقع (أي بعد إدخال بيانات المستخدم‬
:‫واالنتظار لمدة ثالث ثوان كما في الصورة ادناه‬
:‫مالحظة‬
:‫ قابل للتعديل نسخ الرابط ادناه‬ecommerce ‫لتحميل مجلد موقع التسويق االلكتروني‬
https://drive.google.com/drive/folders/1LtOBOWD2P-TV2alvCkTj6OKhqcMdMGvi
:‫ نسخ الرابط ادناه‬ecommerce.sql ‫ولتحميل المجلد الخاص بكودات تصميم قاعدة البيانات‬
https://drive.google.com/open?id=1Tr0jdg0zZiAYNvh2OIljiV3IOubHAHg6
75
‫‪76‬‬

تصميم موقع تسويق الكتروني للتسوق عبر الانترنت

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

تصميم موقع تسويق الكتروني للتسوق عبر الانترنت

Uploaded by

Copyright:

Available Formats

‫وزارة التعليم العايل والبحث العلمي‬

‫كلية احلدباء اجلامعة‬

‫ماهر خلف حسي‬

‫في هـــذا الجزء ســوف نقوم بإنشـــــاء قــاعــدة‬

‫بقاعدة البيانات عن طريق استخدام لغة ‪Php&Mysql‬‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫موقع تسويق الكتروني للتسوق عبر اإلنترنت‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫نقوم بإنشاء قاعدة بيانات باسم (‪ )ecommerce‬وتحتوي على الجداول االتية‪:‬‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫في جدول ‪ products‬نعمل على إضافة منتجات الى الموقع مثال‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

CREATE TABLE `admin` (

INSERT INTO àdmin` (à_id`, à_name`, à_pass`) VALUES

CREATE TABLE `products` (

-- AUTO_INCREMENT for table `admin`

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

-- AUTO_INCREMENT for table `category`

-- AUTO_INCREMENT for table `products`

<?php include "files/header.php"?>

<?php get_pro_cat(); ?>

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫ داخل مجلد‬files ‫نقوم بانشاء مجلد جديد باسم‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

:‫ ويحتوي على الكود التالي‬files ‫) داخل مجلد‬footer.php(‫نقوم بتكوين صفحة باسم‬-

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫( داخل مجلد‬css2) ‫نقوم بتكوين مجلد باسم‬-

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫داخل مربع البحث في المتصفح‪.‬‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫ثم نتوجه الى صفحة ‪ phpMyAdmin‬عن طريق كتابة الرابط التالي‪:‬‬

‫‪ ecommerce‬والتي تحتوي على الجداول االتية‪:‬‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫ويستخدم لتسجيل الدخول الى لوحة التحكم‬

ecommerce ‫ داخل مجلد‬admin ‫نقوم بإنشاء مجلد‬-

echo '<script> alert("‫المطلوبة‬ ‫< ;)"الرجاء وضع جميع البيانات‬/script>';

//get admin name && admin pass

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

//admin value isset

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫فتظهر لنا صفحة تسجيل الدخول الى لوحة التحكم‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫واذا قمنا بإدخال القيم بصورة صحيحة‬

‫سوف تظهر لنا رسالة تم تسجيل الدخول بنجاح وهي كالتالي‪:‬‬

‫‪-‬نقوم بتكوين مجلد باسم )‪ (css1‬داخل مجلد ‪.admin‬‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

border:1px solid #bbb;

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫االن نــقــوم بــإنــــشـاء صفــحة الدخــــــول الـــــــى لوحـــــــــة التحكـــــــم‬

.ecommerce ‫ التابع لمجلد‬admin ‫ التابع لمجلد‬inc ‫نقوم بتكوين مجلد باسم‬-

‫ماهر خلف حسني‬ ‫عبدالرمحن فواز عبد‬

‫>‪<!-- ADMIN MENU / BY ABDULRAHMAN --‬‬

‫>‪<!-- ADMIN MENU / BY ABDULRAHMAN --‬‬

‫ســــــــــــــوف تظهر لنــــــــــــا صفحة لوحـــــة التحكــــــــــم وهي كالتالي‪:‬‬