SlideShare a Scribd company logo
1 of 23
Download to read offline
l
:‫ن‬‫ع‬‫ر‬‫ي‬‫ر‬‫ق‬‫ت‬
‫عن‬ ‫توضٌحٌة‬ ‫امثلة‬‫باستخدام‬ ‫مواقع‬ ‫برمجة‬
‫ال‬PHP‫ب‬ ‫وربطها‬MySQL
‫ة‬‫ب‬‫ل‬‫ا‬‫ط‬‫ل‬‫ا‬‫داد‬‫ع‬‫ا‬:‫ا‬‫ب‬‫ش‬‫اد‬‫ت‬‫س‬‫لا‬‫ا‬‫اف‬‫ر‬:
‫المجيد‬‫عبد‬ ‫زيد‬ ‫عال‬‫حسين‬‫خلف‬‫ماهر‬
‫الثانية‬‫المرحلة‬
1.‫و‬ ‫تسجٌل‬ ‫صفحة‬ ‫برمجة‬‫تسجٌل‬
‫بٌانات‬ ‫بقاعدة‬ ‫ربط‬ ‫و‬ ‫دخول‬.
2.‫مع‬ ‫معلومات‬ ‫لرفع‬ ‫صفحة‬ ‫برمجة‬
‫و‬ ‫ف‬ ‫الحذ‬ ‫مع‬ ‫و‬ ‫صورة‬‫و‬ ‫التعدٌل‬
‫بٌانات‬ ‫قاعدة‬ ‫ب‬ ‫الربط‬.
3.‫مع‬ ‫معلومات‬ ‫لرفع‬ ‫صفحة‬ ‫برمجة‬
‫بقاعدة‬ ‫ربطها‬ ‫و‬ ‫خبر‬ ‫و‬ ‫صورة‬.
.: ‫عن‬ ‫التوضٌحٌة‬ ‫االمثلة‬
: ‫اوال‬‫برنامج‬ ‫بواسطة‬ ‫تعرفه‬ ‫ليتم‬ ‫جديد‬ ‫ملف‬ ‫باضافة‬ ‫نقوم‬XAMPP‫ملف‬ ‫بداخل‬htdocs‫اسمه‬ ‫لنفرض‬2‫ثم‬
( ‫اسمائها‬ ‫لنفرض‬ ‫و‬ ‫الكود‬ ‫لكتابة‬ ‫ملفات‬ ‫خمسة‬ ‫بانشاء‬ ‫نقوم‬home.php/logout.php/login.php/
registration.php/validation.php).
‫ثانٌا‬:‫بيانات‬ ‫قاعدة‬ ‫بانشاء‬ ‫نقوم‬‫من‬ ‫مكونه‬ ‫و‬ ‫اسمها‬ ‫هو‬ ‫هذا‬ ‫ليكن‬
: ‫ثالثا‬. ‫الكود‬ ‫بكتابة‬ ‫نقوم‬
login.php:
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min
.js"></script>
<style>
.btn {
border: none;
color: white;
padding: 14px 28px;
‫بر‬‫م‬‫جة‬‫موقع‬
‫للتس‬‫تسجٌل‬ ‫و‬ ‫جٌل‬
‫ٌتم‬ ‫حٌث‬ ‫الدخول‬
‫ٌتم‬ ‫لم‬ ‫اسم‬ ‫اي‬ ‫رفض‬
‫قاعدة‬ ‫الى‬ ‫اضافته‬
‫طرٌق‬ ‫عن‬ ‫البٌانات‬
‫التسجٌل‬
font-size: 16px;
cursor: pointer;
background-color: #4CAF50;
}
.success {background-color: #4CAF50;} /* Green */
.success:hover {background-color: #46a049;}
.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}
.warning {background-color: #ff9800;} /* Orange */
.warning:hover {background: #e68a00;}
.danger {background-color: #f44336;} /* Red */
.danger:hover {background: #da190b;}
.default {background-color: #e7e7e7; color: black;} /* Gray */
.default:hover {background: #ddd;}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
background-color: #ddd;
}
th, td {
padding: 15px;
text-align: left;
}
table#t01 {
width: 100%;
background-color:red;
}
</style>
</head>
<br><br><br><br><br><br>
<center>
<body background="1.jpg">
<div class="contarner">
<div class="login-box">
<div class="row">
<div class="col-md-6 login-left ">
<h2>LOGIN HERE </h2>
<form action="validation.php" method="post">
<div class="form-group">
<label><h3>Usename</label>
<input type="text" name="user" class="form-control" required>
</div>
<div class="form-group">
<label><h3>Password</label>
<input type="password" name="password" class="form-control" required>
</div><br>
<button type="submit" class="btn btn-primary">Login </button>
</form>
</div>
<div class="col-md-6 login-right">
<h2>Register HERE </h2>
<form action="registration.php" method="post">
<div class="form-group">
<label><h3>Usename</label>
<input type="text" name="user" class="form-control" required>
</div>
<div class="form-group">
<label><h3>Password</label>
<input type="password" name="password" class="form-control" required>
</div><br>
<button type="submit" class="btn btn-primary"> Register </button>
</form>
</div>
</div>
</div>
</body>
</center>
</html>
:logout.php
<?php
session_start();
session_destroy();
header('location:login.php');
?>
home.php:
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min
.js"></script>
<style>
body {background-color: powderblue;}
h1 {color: yellow;
font-size: 300%;}
p {color: red;font-size: 160%;}
</style>
</head>
<?php
session_start();
if(!isset($_SESSION['username'])){
header('location:login.php');
}
?>
<center>
<body background="1.jpg" >
<a href="logout.php"><p> LOGOUT </p></a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h1>welcome <?php echo $_SESSION['username']; ?> </h1></p>
</center>
</body>
</html>
registration.php:
<?php
session_start();
header('location:login.php');
$con =mysqli_connect('localhost','root','');
mysqli_select_db($con, 'userregistration');
$name = $_POST['user'];
$pass = $_POST['password'];
$s = " select * from usertable where name = '$name'";
$result = mysqli_query($con, $s);
$num = mysqli_num_rows($result);
if($num == 1){
echo" username already taken";
}
else
{
$reg= "insert into usertable(name ,password) values ('$name'
,'$pass')";
mysqli_query($con, $reg);
echo" registration successful";
}
?>
validation.php
<?php
session_start();
$con =mysqli_connect('localhost','root','');
mysqli_select_db($con, 'userregistration');
$name = $_POST['user'];
$pass = $_POST['password'];
$s = " select * from usertable where name = '$name' && password
='$pass'";
$result = mysqli_query($con, $s);
$num = mysqli_num_rows($result);
if($num == 1){
$_SESSION['username'] = $name;
header('location:home.php');
}
else
{
header('location:login.php');
}
?>
‫االكواد‬ ‫كتابة‬ ‫تم‬ ‫ان‬ ‫بعد‬ ‫االن‬‫لٌكن‬ ‫انترنٌت‬ ‫متصفح‬ ‫الى‬ ‫باالنتقال‬ ‫نقوم‬Google chrome‫و‬
‫الصفحه‬ ‫الى‬ ‫ننتقل‬ ً‫لك‬ ‫هذا‬ ‫بكتابة‬ ‫نقوم‬
‫نقوم‬ ‫ثم‬ ‫البٌانات‬ ‫قاعدة‬ ‫الى‬ ‫بارسالها‬ ‫نقوم‬ ‫و‬ ‫التسجٌل‬ ‫خانة‬ ً‫ف‬ ‫معلومات‬ ‫بملئ‬ ‫نقوم‬ ‫ذالك‬ ‫بعد‬
‫صفحة‬ ‫الى‬ ‫بنقلنا‬ ‫سٌقوم‬ ‫الدخول‬ ‫تسجٌل‬ ‫خانة‬ ً‫ف‬ ‫بادخالها‬ ‫قمنا‬ ً‫الت‬ ‫المعلومات‬ ‫نفس‬ ‫بادخال‬
‫لم‬ ‫اذا‬ ‫و‬ ‫بنجاح‬‫قبولها‬ ‫ٌتم‬ ‫لن‬ ‫صحٌحة‬ ‫معلومات‬ ‫تكن‬
ola
123
‫قاموا‬ ‫الذٌن‬ ‫المستخدمٌن‬ ‫جمٌع‬ ‫معلومات‬ ‫حفظ‬ ‫تم‬ ‫سنالحظ‬ ‫البٌانات‬ ‫قاعدة‬ ‫الى‬ ‫سننتقل‬ ‫ثم‬
‫بالتسجٌل‬
‫لتسجٌل‬ ‫هذه‬
‫خروج‬
"
‫برفع‬ ‫ٌقوم‬ ‫موقع‬ ‫برمجة‬
‫ٌقوم‬ ‫و‬ ‫معلومات‬ ‫مع‬ ‫صورة‬
‫داخل‬ ‫من‬ ‫التعدٌل‬ ‫و‬ ‫بالحذف‬
‫خارجها‬ ‫من‬ ‫و‬ ‫البٌانات‬ ‫قاعدة‬
: ‫اوال‬‫برنامج‬ ‫بواسطة‬ ‫تعرفه‬ ‫ليتم‬ ‫جديد‬ ‫ملف‬ ‫باضافة‬ ‫نقوم‬XAMPP‫ملف‬ ‫بداخل‬htdocs‫اسمه‬ ‫لنفرض‬3
‫بانشاء‬ ‫نقوم‬ ‫ثم‬‫ملفين‬( ‫اسمائها‬ ‫لنفرض‬ ‫و‬ ‫الكود‬ ‫لكتابة‬process.php/index.php).
‫ثانٌا‬:‫بيانات‬ ‫قاعدة‬ ‫بانشاء‬ ‫نقوم‬‫البيانات‬ ‫قاعدة‬ ‫اسم‬ ‫هو‬ ‫هذا‬ ‫ليكن‬
‫من‬ ‫مكون‬ ‫و‬
: ‫ثالثا‬. ‫االكواد‬ ‫بكتابة‬ ‫نقوم‬ ‫البيانات‬ ‫قاعدة‬ ‫اعداد‬ ‫من‬ ‫االنتهاء‬ ‫بعد‬
index.php:
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min
.js"></script>
<style>
.btn {
border: none;
color: white;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
background-color: #4CAF50;
}
.success {background-color: #4CAF50;} /* Green */
.success:hover {background-color: #46a049;}
.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}
.warning {background-color: #ff9800;} /* Orange */
.warning:hover {background: #e68a00;}
.danger {background-color: #f44336;} /* Red */
.danger:hover {background: #da190b;}
.default {background-color: #e7e7e7; color: black;} /* Gray */
.default:hover {background: #ddd;}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
background-color: #ddd;
}
th, td {
padding: 15px;
text-align: left;
}
table#t01 {
width: 100%;
background-color:red;
}
img{
width:60px;
height:50px;
}
</style>
</head>
<body background="1.jpg">
<?php require_once ('process.php'); ?>
<?php
if (isset($_SESSION['message'])):?>
<div class="alert alret-<?=$_SESSION['msg_type']?>"
<?php
echo $_SESSION['message'];
unset($_SESSION['message']);
?>
</div>
<?php endif ?>
<div class="container">
<?php
$mysqli = new mysqli('localhost', 'root', '', 'crud') or
die(mysqli_error($mysqli));
$result = $mysqli->query("SELECT * FROM data") or die($mysqli-
>error);
//pre_r($_result);
?>
<div class="row justify-content-center">
<table class="table" border="6" style="width:50%"
style="height=100%">
<tr>
<th>name</th>
<th>location</th>
<th>image</th>
<th colspan="2">Action</th>
</tr>
</thead>
<?php
while ($row = $result->fetch_assoc()): ?>
<tr>
<td><?php echo $row['name']; ?></td>
<td><?php echo $row['location']; ?></td>
<td><?php echo'<img src="data:image/png;base64
,'.base64_encode($row['image']).'">';?> </td><br>
<td>
<a href="index.php?edit=<?php echo $row['id']; ?>"
class="btn danger">Edit</a>
<a href="process.php?delete=<?php echo $row['id']; ?>"
class="btn warning">Delete</a>
</td>
</tr>
<?php endwhile; ?>
</table>
</div>
<?php
function pre_r( $array ){
echo '<pre>';
print_r($array);
echo '</pre>';
}
?>
<div class="row justify-content-center">
<form action="process.php" method="POST" dir="rtl" role="form"
enctype="multipart/form-data" >
<input type="hidden" name="id" value="<?php echo $id; ?>">
<div class="form-group"><br><br><br>
<center>
<label>name</label>
<input type="text" name="name" class="form-control"
value="<?php echo $name; ?>" placeholder="Enter your name">
</div>
<div class="form-group">
<center><br>
<label>location</label>
<input type="text" name="location" class="from-control"
value="<?php echo $location; ?>" placeholder="Enter your location">
</div>
<div class="form-group">
<center><br>
<label>image</label>
<input type="file" name="image" class="from-control" value="<?php
echo $image; ?>" placeholder="Enter your image">
</div>
<center><br>
<div class="form-group">
<?php
if ($update == true):
?>
<button type="submit" class="btn btn-inof"
name="update">update</button>
<?php else: ?>
<button type="submit" class="btn btn-primary"
name="save">save</button>
<?php endif; ?>
</div>
</form>
</div>
</div>
</body>
</html>
process.php:
<?php
session_start();
$mysqli = new mysqli('localhost', 'root', '', 'crud') or
die(mysqli_error($mysqli));
$id = 0;
$update = false;
$name = '';
$location = '';
$image = '';
if(isset($_POST['save'])){
$name = $_POST['name'];
$location = $_POST['location'];
$image =addslashes(file_get_contents
($_FILES['image']['tmp_name']));
$mysqli->query("INSERT INTO data (name, location, image)
VALUES('$name', '$location', '$image')") or
die($mysqli->error);
$_SESSION['message'] = "Recoder has been saved!";
$_SESSION['msg_type'] = "success";
header("location: index.php");
}
if (isset($_GET['delete'])){
$id = $_GET['delete'];
$mysqli->query("DELETE FROM data WHERE id=$id") or die($mysqli-
>error());
$_SESSION['message'] = "Recoder has been deleted!";
$_SESSION['msg_type'] = "danger";
header("location: index.php");
}
if (isset($_GET['edit'])){
$id = $_GET['edit'];
$update = true;
$result = $mysqli->query("SELECT * FROM data WHERE id=$id") or
die($mysqli->error());
if (count($result)==1){
$row = $result->fetch_array();
$name = $row['name'];
$location = $row['location'];
$image = $row['image'];
}
}
if (isset($_POST['update'])){
$id = $_POST['id'];
$name = $_POST['name'];
$location = $_POST['location'];
$image =addslashes(file_get_contents ($_FILES['image']['tmp_name']));
$mysqli->query("UPDATE data SET name='$name',
location='$location', image='$image' WHERE id=$id") or die($mysqli-
>error);
$_SESSION['message'] = "Recod has been updated!";
$_SESSION['msg_type'] = "warning";
header('location: index.php');
}
?>
‫االكواد‬ ‫كتابة‬ ‫تم‬ ‫ان‬ ‫بعد‬ ‫االن‬‫لٌكن‬ ‫انترنٌت‬ ‫متصفح‬ ‫الى‬ ‫باالنتقال‬ ‫نقوم‬Google chrome‫و‬
‫الصفحه‬ ‫الى‬ ‫ننتقل‬ ً‫لك‬ ‫هذا‬ ‫بكتابة‬ ‫نقوم‬
‫الملف‬ ‫باختٌار‬ ‫نقوم‬ ‫و‬ ‫الموقع‬ ‫و‬ ‫االسم‬ ‫خانة‬ ً‫ف‬ ‫معلومات‬ ‫بملئ‬ ‫نقوم‬ ‫ذالك‬ ‫بعد‬‫وارفاقه‬
‫المعلومات‬ ‫لنا‬ ‫ستظهر‬ ‫و‬ ‫البٌانات‬ ‫قاعدة‬ ‫الى‬ ‫ارسالها‬ ‫سٌتم‬ ‫الحفظ‬ ً‫عل‬ ‫نضغط‬ ‫ثم‬ ‫من‬ ‫و‬
‫او‬ ‫البٌانات‬ ‫قاعدة‬ ‫من‬ ‫اما‬ ‫التعدٌل‬ ‫و‬ ‫الحذف‬ ‫ٌمكننا‬ ‫و‬ ‫اٌضا‬‫البٌانات‬ ‫قاعدة‬ ‫خارج‬ ‫من‬
‫خارجها‬ ‫االستعراض‬ ً‫ف‬ ‫و‬ ‫البٌانات‬ ‫قاعددة‬ ً‫ف‬ ‫النتائج‬ ً‫ه‬ ‫هذه‬ ‫و‬
‫صورة‬ ‫برفع‬ ‫ٌقوم‬ ‫موقع‬ ‫برمجة‬
‫قاعدة‬ ‫الى‬ ‫ارسالها‬ ‫ر‬ ‫نص‬ ‫مع‬
‫خارج‬ ‫عرضها‬ ‫و‬ ‫البٌانات‬
‫البٌانات‬ ‫قاعدة‬
: ‫اوال‬‫برنامج‬ ‫بواسطة‬ ‫تعرفه‬ ‫ليتم‬ ‫جديد‬ ‫ملف‬ ‫باضافة‬ ‫نقوم‬XAMPP‫ملف‬ ‫بداخل‬htdocs‫اسمه‬ ‫لنفرض‬6‫ثم‬
‫بانشاء‬ ‫نقوم‬‫ملف‬‫اسم‬ ‫لنفرض‬ ‫و‬ ‫الكود‬ ‫لكتابة‬‫ه‬(index.php).
‫ثانٌا‬:‫بيانات‬ ‫قاعدة‬ ‫بانشاء‬ ‫نقوم‬‫من‬ ‫مكونه‬ ‫و‬ ‫اسمها‬ ‫هو‬ ‫هذا‬ ‫ليكن‬
: ‫ثالثا‬. ‫الكود‬ ‫بكتابة‬ ‫نقوم‬
index.php:
<?php
$msg ="";
if (isset($_POST['upload'])){
$target="images/".basename($_FILES['image']['name']);
$db=mysqli_connect("localhost", "root","","photos");
$image =addslashes(file_get_contents
($_FILES['image']['tmp_name']));
$text=$_POST['text'];
$sql="INSERT INTO images(image,text) VALUES ('$image','$text')";
mysqli_query($db,$sql);
if (move_uploaded_file($_FILES['image']['name'], $target)){
$msg="image uploded successfully";
}
else{
$msg="there was a problem uploading image";
}
}
?>
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min
.js"></script>
<style>
.success {background-color: #4CAF50;} /* Green */
.success:hover {background-color: #46a049;}
.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}
.warning {background-color: #ff9800;} /* Orange */
.warning:hover {background: #e68a00;}
.danger {background-color: #f44336;} /* Red */
.danger:hover {background: #da190b;}
.default {background-color: #e7e7e7; color: black;} /* Gray */
.default:hover {background: #ddd;}
table, th, td {
border: 5px solid yellow;
border-collapse: collapse;
background-color: #e68a00;
}
th, td {
padding: 180px;
text-align: top;
}
img{
width:200px;
height:200px;
}
</style>
</head>
<body background="o.jpg">
<div id="content">
<table class="table" border="6" style="width:50%" style="height=100%"
align="center">
<tr>
<td>
<?php
$db=mysqli_connect("localhost", "root","","photos");
$sql="SELECT * FROM images";
$result= mysqli_query($db,$sql);
while($row=mysqli_fetch_array($result))
{
echo "<div id='img_div'>";
echo '<img src="data:image/png;base64
,'.base64_encode($row['image']).'">';
echo "<p>".$row['text']."</p>";
echo "</div>";
}
?>
</td>
</tr>
<form method="post" action="index.php" enctype="multipart/form-data">
<input type="hidden" name="size" value="1000000">
<div>
<input type="file" name="image" >
</div>
<div>
<textarea name="text" cols="40" ros="4" placeholder="say somthing
about this image....."></textarea>
</div>
<div>
<input type="submit" name="upload" value="upload image" >
</div>
</form>
</div>
</body>
</html>
‫االكواد‬ ‫كتابة‬ ‫تم‬ ‫ان‬ ‫بعد‬ ‫االن‬‫لٌكن‬ ‫انترنٌت‬ ‫متصفح‬ ‫الى‬ ‫باالنتقال‬ ‫نقوم‬Google chrome‫و‬
‫الصفحه‬ ‫الى‬ ‫ننتقل‬ ً‫لك‬ ‫هذا‬ ‫بكتابة‬ ‫نقوم‬
‫رفعهم‬ ‫ثم‬ ‫النص‬ ‫اضافة‬ ‫و‬ ‫المطلوبة‬ ‫الصورة‬ ‫باختٌار‬ ‫نقوم‬ ‫ذالك‬ ‫بعد‬
‫ثم‬‫الب‬ ‫قاعدة‬ ‫الى‬ ‫سننتقل‬‫معلومات‬ ‫حفظ‬ ‫تم‬ ‫سنالحظ‬ ‫ٌانات‬‫البٌانات‬ ‫قاعدة‬ ً‫ف‬
‫ى‬‫ل‬‫ا‬‫ع‬‫ت‬‫ة‬‫ن‬‫و‬‫ع‬‫ت‬‫م‬‫ت‬

More Related Content

What's hot

What's hot (19)

Jsoon
JsoonJsoon
Jsoon
 
Sis quiz
Sis quizSis quiz
Sis quiz
 
Sumahexavector
SumahexavectorSumahexavector
Sumahexavector
 
Clase 10 electiva profesional 3 aws rds php y mysql
Clase 10 electiva profesional 3 aws rds php y mysqlClase 10 electiva profesional 3 aws rds php y mysql
Clase 10 electiva profesional 3 aws rds php y mysql
 
Alaindavila
AlaindavilaAlaindavila
Alaindavila
 
Sumahex
SumahexSumahex
Sumahex
 
Javascript and jQuery for Mobile
Javascript and jQuery for MobileJavascript and jQuery for Mobile
Javascript and jQuery for Mobile
 
Sumahexavector
SumahexavectorSumahexavector
Sumahexavector
 
J query
J queryJ query
J query
 
Programación Nativa de un CRUD
Programación Nativa de un CRUD Programación Nativa de un CRUD
Programación Nativa de un CRUD
 
es6.concurrency()
es6.concurrency()es6.concurrency()
es6.concurrency()
 
PHPのすべらない話#3
PHPのすべらない話#3PHPのすべらない話#3
PHPのすべらない話#3
 
Introduction to Service Worker
Introduction to Service WorkerIntroduction to Service Worker
Introduction to Service Worker
 
Freddy,teto,chino,jhovany
Freddy,teto,chino,jhovanyFreddy,teto,chino,jhovany
Freddy,teto,chino,jhovany
 
Phpex3
Phpex3Phpex3
Phpex3
 
Quiz Component For Joomla
Quiz Component For JoomlaQuiz Component For Joomla
Quiz Component For Joomla
 
Introducción a Bolt
Introducción a BoltIntroducción a Bolt
Introducción a Bolt
 
KvZ Web Tasarım Hizmetleri
KvZ Web Tasarım HizmetleriKvZ Web Tasarım Hizmetleri
KvZ Web Tasarım Hizmetleri
 
Assalamualaykum warahmatullahi wabarakatuu
Assalamualaykum warahmatullahi wabarakatuuAssalamualaykum warahmatullahi wabarakatuu
Assalamualaykum warahmatullahi wabarakatuu
 

Php & mysql

  • 1. l :‫ن‬‫ع‬‫ر‬‫ي‬‫ر‬‫ق‬‫ت‬ ‫عن‬ ‫توضٌحٌة‬ ‫امثلة‬‫باستخدام‬ ‫مواقع‬ ‫برمجة‬ ‫ال‬PHP‫ب‬ ‫وربطها‬MySQL ‫ة‬‫ب‬‫ل‬‫ا‬‫ط‬‫ل‬‫ا‬‫داد‬‫ع‬‫ا‬:‫ا‬‫ب‬‫ش‬‫اد‬‫ت‬‫س‬‫لا‬‫ا‬‫اف‬‫ر‬: ‫المجيد‬‫عبد‬ ‫زيد‬ ‫عال‬‫حسين‬‫خلف‬‫ماهر‬ ‫الثانية‬‫المرحلة‬
  • 2. 1.‫و‬ ‫تسجٌل‬ ‫صفحة‬ ‫برمجة‬‫تسجٌل‬ ‫بٌانات‬ ‫بقاعدة‬ ‫ربط‬ ‫و‬ ‫دخول‬. 2.‫مع‬ ‫معلومات‬ ‫لرفع‬ ‫صفحة‬ ‫برمجة‬ ‫و‬ ‫ف‬ ‫الحذ‬ ‫مع‬ ‫و‬ ‫صورة‬‫و‬ ‫التعدٌل‬ ‫بٌانات‬ ‫قاعدة‬ ‫ب‬ ‫الربط‬. 3.‫مع‬ ‫معلومات‬ ‫لرفع‬ ‫صفحة‬ ‫برمجة‬ ‫بقاعدة‬ ‫ربطها‬ ‫و‬ ‫خبر‬ ‫و‬ ‫صورة‬. .: ‫عن‬ ‫التوضٌحٌة‬ ‫االمثلة‬
  • 3.
  • 4. : ‫اوال‬‫برنامج‬ ‫بواسطة‬ ‫تعرفه‬ ‫ليتم‬ ‫جديد‬ ‫ملف‬ ‫باضافة‬ ‫نقوم‬XAMPP‫ملف‬ ‫بداخل‬htdocs‫اسمه‬ ‫لنفرض‬2‫ثم‬ ( ‫اسمائها‬ ‫لنفرض‬ ‫و‬ ‫الكود‬ ‫لكتابة‬ ‫ملفات‬ ‫خمسة‬ ‫بانشاء‬ ‫نقوم‬home.php/logout.php/login.php/ registration.php/validation.php). ‫ثانٌا‬:‫بيانات‬ ‫قاعدة‬ ‫بانشاء‬ ‫نقوم‬‫من‬ ‫مكونه‬ ‫و‬ ‫اسمها‬ ‫هو‬ ‫هذا‬ ‫ليكن‬ : ‫ثالثا‬. ‫الكود‬ ‫بكتابة‬ ‫نقوم‬ login.php: <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min .js"></script> <style> .btn { border: none; color: white; padding: 14px 28px; ‫بر‬‫م‬‫جة‬‫موقع‬ ‫للتس‬‫تسجٌل‬ ‫و‬ ‫جٌل‬ ‫ٌتم‬ ‫حٌث‬ ‫الدخول‬ ‫ٌتم‬ ‫لم‬ ‫اسم‬ ‫اي‬ ‫رفض‬ ‫قاعدة‬ ‫الى‬ ‫اضافته‬ ‫طرٌق‬ ‫عن‬ ‫البٌانات‬ ‫التسجٌل‬
  • 5. font-size: 16px; cursor: pointer; background-color: #4CAF50; } .success {background-color: #4CAF50;} /* Green */ .success:hover {background-color: #46a049;} .info {background-color: #2196F3;} /* Blue */ .info:hover {background: #0b7dda;} .warning {background-color: #ff9800;} /* Orange */ .warning:hover {background: #e68a00;} .danger {background-color: #f44336;} /* Red */ .danger:hover {background: #da190b;} .default {background-color: #e7e7e7; color: black;} /* Gray */ .default:hover {background: #ddd;} table, th, td { border: 1px solid black; border-collapse: collapse; background-color: #ddd; } th, td { padding: 15px; text-align: left; } table#t01 { width: 100%; background-color:red; } </style> </head> <br><br><br><br><br><br> <center> <body background="1.jpg"> <div class="contarner"> <div class="login-box"> <div class="row"> <div class="col-md-6 login-left "> <h2>LOGIN HERE </h2> <form action="validation.php" method="post"> <div class="form-group"> <label><h3>Usename</label> <input type="text" name="user" class="form-control" required> </div> <div class="form-group"> <label><h3>Password</label> <input type="password" name="password" class="form-control" required> </div><br> <button type="submit" class="btn btn-primary">Login </button> </form> </div> <div class="col-md-6 login-right"> <h2>Register HERE </h2> <form action="registration.php" method="post"> <div class="form-group"> <label><h3>Usename</label> <input type="text" name="user" class="form-control" required>
  • 6. </div> <div class="form-group"> <label><h3>Password</label> <input type="password" name="password" class="form-control" required> </div><br> <button type="submit" class="btn btn-primary"> Register </button> </form> </div> </div> </div> </body> </center> </html> :logout.php <?php session_start(); session_destroy(); header('location:login.php'); ?> home.php: <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min .js"></script> <style> body {background-color: powderblue;} h1 {color: yellow; font-size: 300%;} p {color: red;font-size: 160%;} </style> </head> <?php session_start(); if(!isset($_SESSION['username'])){ header('location:login.php'); } ?> <center> <body background="1.jpg" >
  • 7. <a href="logout.php"><p> LOGOUT </p></a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br> <h1>welcome <?php echo $_SESSION['username']; ?> </h1></p> </center> </body> </html> registration.php: <?php session_start(); header('location:login.php'); $con =mysqli_connect('localhost','root',''); mysqli_select_db($con, 'userregistration'); $name = $_POST['user']; $pass = $_POST['password']; $s = " select * from usertable where name = '$name'"; $result = mysqli_query($con, $s); $num = mysqli_num_rows($result); if($num == 1){ echo" username already taken"; } else { $reg= "insert into usertable(name ,password) values ('$name' ,'$pass')"; mysqli_query($con, $reg); echo" registration successful"; } ?> validation.php <?php session_start(); $con =mysqli_connect('localhost','root',''); mysqli_select_db($con, 'userregistration');
  • 8. $name = $_POST['user']; $pass = $_POST['password']; $s = " select * from usertable where name = '$name' && password ='$pass'"; $result = mysqli_query($con, $s); $num = mysqli_num_rows($result); if($num == 1){ $_SESSION['username'] = $name; header('location:home.php'); } else { header('location:login.php'); } ?> ‫االكواد‬ ‫كتابة‬ ‫تم‬ ‫ان‬ ‫بعد‬ ‫االن‬‫لٌكن‬ ‫انترنٌت‬ ‫متصفح‬ ‫الى‬ ‫باالنتقال‬ ‫نقوم‬Google chrome‫و‬ ‫الصفحه‬ ‫الى‬ ‫ننتقل‬ ً‫لك‬ ‫هذا‬ ‫بكتابة‬ ‫نقوم‬ ‫نقوم‬ ‫ثم‬ ‫البٌانات‬ ‫قاعدة‬ ‫الى‬ ‫بارسالها‬ ‫نقوم‬ ‫و‬ ‫التسجٌل‬ ‫خانة‬ ً‫ف‬ ‫معلومات‬ ‫بملئ‬ ‫نقوم‬ ‫ذالك‬ ‫بعد‬ ‫صفحة‬ ‫الى‬ ‫بنقلنا‬ ‫سٌقوم‬ ‫الدخول‬ ‫تسجٌل‬ ‫خانة‬ ً‫ف‬ ‫بادخالها‬ ‫قمنا‬ ً‫الت‬ ‫المعلومات‬ ‫نفس‬ ‫بادخال‬ ‫لم‬ ‫اذا‬ ‫و‬ ‫بنجاح‬‫قبولها‬ ‫ٌتم‬ ‫لن‬ ‫صحٌحة‬ ‫معلومات‬ ‫تكن‬ ola 123
  • 9. ‫قاموا‬ ‫الذٌن‬ ‫المستخدمٌن‬ ‫جمٌع‬ ‫معلومات‬ ‫حفظ‬ ‫تم‬ ‫سنالحظ‬ ‫البٌانات‬ ‫قاعدة‬ ‫الى‬ ‫سننتقل‬ ‫ثم‬ ‫بالتسجٌل‬ ‫لتسجٌل‬ ‫هذه‬ ‫خروج‬
  • 10. "
  • 11. ‫برفع‬ ‫ٌقوم‬ ‫موقع‬ ‫برمجة‬ ‫ٌقوم‬ ‫و‬ ‫معلومات‬ ‫مع‬ ‫صورة‬ ‫داخل‬ ‫من‬ ‫التعدٌل‬ ‫و‬ ‫بالحذف‬ ‫خارجها‬ ‫من‬ ‫و‬ ‫البٌانات‬ ‫قاعدة‬
  • 12. : ‫اوال‬‫برنامج‬ ‫بواسطة‬ ‫تعرفه‬ ‫ليتم‬ ‫جديد‬ ‫ملف‬ ‫باضافة‬ ‫نقوم‬XAMPP‫ملف‬ ‫بداخل‬htdocs‫اسمه‬ ‫لنفرض‬3 ‫بانشاء‬ ‫نقوم‬ ‫ثم‬‫ملفين‬( ‫اسمائها‬ ‫لنفرض‬ ‫و‬ ‫الكود‬ ‫لكتابة‬process.php/index.php). ‫ثانٌا‬:‫بيانات‬ ‫قاعدة‬ ‫بانشاء‬ ‫نقوم‬‫البيانات‬ ‫قاعدة‬ ‫اسم‬ ‫هو‬ ‫هذا‬ ‫ليكن‬ ‫من‬ ‫مكون‬ ‫و‬ : ‫ثالثا‬. ‫االكواد‬ ‫بكتابة‬ ‫نقوم‬ ‫البيانات‬ ‫قاعدة‬ ‫اعداد‬ ‫من‬ ‫االنتهاء‬ ‫بعد‬ index.php: <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min .js"></script> <style> .btn { border: none; color: white; padding: 14px 28px; font-size: 16px; cursor: pointer; background-color: #4CAF50; } .success {background-color: #4CAF50;} /* Green */ .success:hover {background-color: #46a049;} .info {background-color: #2196F3;} /* Blue */ .info:hover {background: #0b7dda;} .warning {background-color: #ff9800;} /* Orange */ .warning:hover {background: #e68a00;} .danger {background-color: #f44336;} /* Red */
  • 13. .danger:hover {background: #da190b;} .default {background-color: #e7e7e7; color: black;} /* Gray */ .default:hover {background: #ddd;} table, th, td { border: 1px solid black; border-collapse: collapse; background-color: #ddd; } th, td { padding: 15px; text-align: left; } table#t01 { width: 100%; background-color:red; } img{ width:60px; height:50px; } </style> </head> <body background="1.jpg"> <?php require_once ('process.php'); ?> <?php if (isset($_SESSION['message'])):?> <div class="alert alret-<?=$_SESSION['msg_type']?>" <?php echo $_SESSION['message']; unset($_SESSION['message']); ?> </div> <?php endif ?> <div class="container"> <?php $mysqli = new mysqli('localhost', 'root', '', 'crud') or die(mysqli_error($mysqli)); $result = $mysqli->query("SELECT * FROM data") or die($mysqli- >error); //pre_r($_result); ?> <div class="row justify-content-center"> <table class="table" border="6" style="width:50%" style="height=100%"> <tr> <th>name</th> <th>location</th> <th>image</th> <th colspan="2">Action</th> </tr> </thead> <?php while ($row = $result->fetch_assoc()): ?> <tr> <td><?php echo $row['name']; ?></td>
  • 14. <td><?php echo $row['location']; ?></td> <td><?php echo'<img src="data:image/png;base64 ,'.base64_encode($row['image']).'">';?> </td><br> <td> <a href="index.php?edit=<?php echo $row['id']; ?>" class="btn danger">Edit</a> <a href="process.php?delete=<?php echo $row['id']; ?>" class="btn warning">Delete</a> </td> </tr> <?php endwhile; ?> </table> </div> <?php function pre_r( $array ){ echo '<pre>'; print_r($array); echo '</pre>'; } ?> <div class="row justify-content-center"> <form action="process.php" method="POST" dir="rtl" role="form" enctype="multipart/form-data" > <input type="hidden" name="id" value="<?php echo $id; ?>"> <div class="form-group"><br><br><br> <center> <label>name</label> <input type="text" name="name" class="form-control" value="<?php echo $name; ?>" placeholder="Enter your name"> </div> <div class="form-group"> <center><br> <label>location</label> <input type="text" name="location" class="from-control" value="<?php echo $location; ?>" placeholder="Enter your location"> </div> <div class="form-group"> <center><br> <label>image</label> <input type="file" name="image" class="from-control" value="<?php echo $image; ?>" placeholder="Enter your image"> </div> <center><br> <div class="form-group"> <?php if ($update == true): ?> <button type="submit" class="btn btn-inof" name="update">update</button> <?php else: ?>
  • 15. <button type="submit" class="btn btn-primary" name="save">save</button> <?php endif; ?> </div> </form> </div> </div> </body> </html> process.php: <?php session_start(); $mysqli = new mysqli('localhost', 'root', '', 'crud') or die(mysqli_error($mysqli)); $id = 0; $update = false; $name = ''; $location = ''; $image = ''; if(isset($_POST['save'])){ $name = $_POST['name']; $location = $_POST['location']; $image =addslashes(file_get_contents ($_FILES['image']['tmp_name'])); $mysqli->query("INSERT INTO data (name, location, image) VALUES('$name', '$location', '$image')") or die($mysqli->error); $_SESSION['message'] = "Recoder has been saved!"; $_SESSION['msg_type'] = "success"; header("location: index.php"); } if (isset($_GET['delete'])){ $id = $_GET['delete']; $mysqli->query("DELETE FROM data WHERE id=$id") or die($mysqli- >error()); $_SESSION['message'] = "Recoder has been deleted!"; $_SESSION['msg_type'] = "danger"; header("location: index.php"); } if (isset($_GET['edit'])){ $id = $_GET['edit']; $update = true; $result = $mysqli->query("SELECT * FROM data WHERE id=$id") or die($mysqli->error()); if (count($result)==1){ $row = $result->fetch_array(); $name = $row['name']; $location = $row['location'];
  • 16. $image = $row['image']; } } if (isset($_POST['update'])){ $id = $_POST['id']; $name = $_POST['name']; $location = $_POST['location']; $image =addslashes(file_get_contents ($_FILES['image']['tmp_name'])); $mysqli->query("UPDATE data SET name='$name', location='$location', image='$image' WHERE id=$id") or die($mysqli- >error); $_SESSION['message'] = "Recod has been updated!"; $_SESSION['msg_type'] = "warning"; header('location: index.php'); } ?> ‫االكواد‬ ‫كتابة‬ ‫تم‬ ‫ان‬ ‫بعد‬ ‫االن‬‫لٌكن‬ ‫انترنٌت‬ ‫متصفح‬ ‫الى‬ ‫باالنتقال‬ ‫نقوم‬Google chrome‫و‬ ‫الصفحه‬ ‫الى‬ ‫ننتقل‬ ً‫لك‬ ‫هذا‬ ‫بكتابة‬ ‫نقوم‬ ‫الملف‬ ‫باختٌار‬ ‫نقوم‬ ‫و‬ ‫الموقع‬ ‫و‬ ‫االسم‬ ‫خانة‬ ً‫ف‬ ‫معلومات‬ ‫بملئ‬ ‫نقوم‬ ‫ذالك‬ ‫بعد‬‫وارفاقه‬ ‫المعلومات‬ ‫لنا‬ ‫ستظهر‬ ‫و‬ ‫البٌانات‬ ‫قاعدة‬ ‫الى‬ ‫ارسالها‬ ‫سٌتم‬ ‫الحفظ‬ ً‫عل‬ ‫نضغط‬ ‫ثم‬ ‫من‬ ‫و‬ ‫او‬ ‫البٌانات‬ ‫قاعدة‬ ‫من‬ ‫اما‬ ‫التعدٌل‬ ‫و‬ ‫الحذف‬ ‫ٌمكننا‬ ‫و‬ ‫اٌضا‬‫البٌانات‬ ‫قاعدة‬ ‫خارج‬ ‫من‬
  • 17. ‫خارجها‬ ‫االستعراض‬ ً‫ف‬ ‫و‬ ‫البٌانات‬ ‫قاعددة‬ ً‫ف‬ ‫النتائج‬ ً‫ه‬ ‫هذه‬ ‫و‬
  • 18.
  • 19. ‫صورة‬ ‫برفع‬ ‫ٌقوم‬ ‫موقع‬ ‫برمجة‬ ‫قاعدة‬ ‫الى‬ ‫ارسالها‬ ‫ر‬ ‫نص‬ ‫مع‬ ‫خارج‬ ‫عرضها‬ ‫و‬ ‫البٌانات‬ ‫البٌانات‬ ‫قاعدة‬
  • 20. : ‫اوال‬‫برنامج‬ ‫بواسطة‬ ‫تعرفه‬ ‫ليتم‬ ‫جديد‬ ‫ملف‬ ‫باضافة‬ ‫نقوم‬XAMPP‫ملف‬ ‫بداخل‬htdocs‫اسمه‬ ‫لنفرض‬6‫ثم‬ ‫بانشاء‬ ‫نقوم‬‫ملف‬‫اسم‬ ‫لنفرض‬ ‫و‬ ‫الكود‬ ‫لكتابة‬‫ه‬(index.php). ‫ثانٌا‬:‫بيانات‬ ‫قاعدة‬ ‫بانشاء‬ ‫نقوم‬‫من‬ ‫مكونه‬ ‫و‬ ‫اسمها‬ ‫هو‬ ‫هذا‬ ‫ليكن‬ : ‫ثالثا‬. ‫الكود‬ ‫بكتابة‬ ‫نقوم‬ index.php: <?php $msg =""; if (isset($_POST['upload'])){ $target="images/".basename($_FILES['image']['name']); $db=mysqli_connect("localhost", "root","","photos"); $image =addslashes(file_get_contents ($_FILES['image']['tmp_name'])); $text=$_POST['text']; $sql="INSERT INTO images(image,text) VALUES ('$image','$text')"; mysqli_query($db,$sql); if (move_uploaded_file($_FILES['image']['name'], $target)){ $msg="image uploded successfully"; } else{ $msg="there was a problem uploading image"; } } ?>
  • 21. <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min .js"></script> <style> .success {background-color: #4CAF50;} /* Green */ .success:hover {background-color: #46a049;} .info {background-color: #2196F3;} /* Blue */ .info:hover {background: #0b7dda;} .warning {background-color: #ff9800;} /* Orange */ .warning:hover {background: #e68a00;} .danger {background-color: #f44336;} /* Red */ .danger:hover {background: #da190b;} .default {background-color: #e7e7e7; color: black;} /* Gray */ .default:hover {background: #ddd;} table, th, td { border: 5px solid yellow; border-collapse: collapse; background-color: #e68a00; } th, td { padding: 180px; text-align: top; } img{ width:200px; height:200px; } </style> </head> <body background="o.jpg"> <div id="content"> <table class="table" border="6" style="width:50%" style="height=100%" align="center"> <tr> <td> <?php $db=mysqli_connect("localhost", "root","","photos"); $sql="SELECT * FROM images"; $result= mysqli_query($db,$sql); while($row=mysqli_fetch_array($result)) { echo "<div id='img_div'>"; echo '<img src="data:image/png;base64 ,'.base64_encode($row['image']).'">'; echo "<p>".$row['text']."</p>"; echo "</div>";
  • 22. } ?> </td> </tr> <form method="post" action="index.php" enctype="multipart/form-data"> <input type="hidden" name="size" value="1000000"> <div> <input type="file" name="image" > </div> <div> <textarea name="text" cols="40" ros="4" placeholder="say somthing about this image....."></textarea> </div> <div> <input type="submit" name="upload" value="upload image" > </div> </form> </div> </body> </html> ‫االكواد‬ ‫كتابة‬ ‫تم‬ ‫ان‬ ‫بعد‬ ‫االن‬‫لٌكن‬ ‫انترنٌت‬ ‫متصفح‬ ‫الى‬ ‫باالنتقال‬ ‫نقوم‬Google chrome‫و‬ ‫الصفحه‬ ‫الى‬ ‫ننتقل‬ ً‫لك‬ ‫هذا‬ ‫بكتابة‬ ‫نقوم‬ ‫رفعهم‬ ‫ثم‬ ‫النص‬ ‫اضافة‬ ‫و‬ ‫المطلوبة‬ ‫الصورة‬ ‫باختٌار‬ ‫نقوم‬ ‫ذالك‬ ‫بعد‬ ‫ثم‬‫الب‬ ‫قاعدة‬ ‫الى‬ ‫سننتقل‬‫معلومات‬ ‫حفظ‬ ‫تم‬ ‫سنالحظ‬ ‫ٌانات‬‫البٌانات‬ ‫قاعدة‬ ً‫ف‬