نموذج موقع بسيط لتعلم الربط بين قاعدة البيانات و php & html

- مايو 31, 2020

نموذج موقع بسيط لتعلم الربط بين قاعدة البيانات و php & html

السلام عليكم موضوع اليوم حول كيفية ربط بين لغة php وhtml وهذا النموذج البسيط هو هدية لكم جميعا يا أصحاب خاصة المبتدئين في المجال

أول ما عليك فعله هو انشاء الملفت التالية المسار :

الفقرة الأولى :

هذه هي الواجهة الأولى للموقع والتي دائما ما نسميها index.php وذلك حتى يتعرف عليها السيرفر ويعرضها هي الاولى

الكود بسيط لأن الهدف من هذا الموضوع هو طريقة الربط بين php & html

********************************index.php********************************************

<html>
<head>
<title>sing up</title>
</head>

<body style="background-color:rgb(0,255,255 )";>
<center>
<h1> مدونة في الإفادة استفادة تقدم لكم نموذج لموقع ويب بواسطة php & html <h1>
</center>

<center>
<img src="taroudant.jpg" alt="Italian Trulli">
<br/>

<a href="adduser.php?q1=0"><Button>تسجيل اسمي <Button> </a>
<a href="serche.php"><Button>لائحة المسجلين<Button></a>
</center>
</body>

</html>

الفقرة الثانية :

هذه الفقرة الثانية لإضافة المستخدمين هي مكتوبة ب html المهم في الأمر هو

<form action="fun/adduser.php" method="get"> الذي يربط بين html و php وكذلك

<input type="" name="wname"> عدم نسيان كتابة اسم name كما هو مكتوب في base de denee الخاصة بك

يفضل أن تضيف قبله حرف مثلا في المثال ستجد أني أضيف في كل عنصر w

**********************************adduser.php*********************************************

<html>
<head>
<title>sing up</title>
<link rel="stylesheet" type="text/css" href="css/login.css" />
</head>

<body>

<div >

<br/>
<center>
<label style="font-size: 30px;text-decoration: underline; letter-spacing: 6px; text-shadow: 2px 3px white;" > نموذج لموقع بواسطةphp و html </label>

<?php
   $q1=$_GET['q1'];
   if ($q1 == 1) {
       echo "اسم المستخدم موجود مسبقا" ;

   }

?>

<form action="fun/adduser.php" method="get">
<table width="100%" height="100%" border="1">

    </br>
    <input type="" name="wname">
    <label>&nbsp &nbsp &nbsp: &nbsp &nbsp &nbsp &nbsp الإسم كاملا    </label>
    </br>
    <input type="" name="wemail">
    <label>&nbsp &nbsp &nbsp : البريد الإلكتروني </label>
    </br>
    <input type="" name="wadresse">
    <label>&nbsp &nbsp &nbsp : &nbsp &nbspالعنوان </label>
    </br>
    <input type="" name="wusername">
    <label>&nbsp &nbsp &nbsp :&nbsp &nbsp &nbsp اسم المستخدم </label>
    </br>

    <input type="tel" name="wtelephone">
    <label>&nbsp &nbsp &nbsp &nbsp &nbsp :&nbsp &nbsp &nbsp رقم الهاتف </label>
    </br>

    <input style="width:100% ;font-size:25px" type="submit" name="">
</table>
</form>
</body>

</html>

الفقرة الثالثة :

هذا الكود التالي هو ل php ويربط مابين html الخاص بك و قاعدة البيانات التي أنت تعمل عليها أي يقوم بإرسال البايانات التي يدخلها المستخدم إلى قاعدة البيانات الخاصة بك

*********************************adduser.php*************************************************

<?php
include('../connect.php');
$wname=$_GET['wname'];
$sql = "SELECT * FROM `wtalib` WHERE wname='$wname'";
$result=$conn->query($sql);

while($row=$result->fetch_assoc()){
       $count=$result->num_rows;
   }

   if($count >0){

       header('location:http://localhost/taroudant/adduser.php?q1=1');
       exit();

   }

$wadresse=$_GET['wadresse'];
$wemail=$_GET['wemail'];
$wusername=$_GET['wusername'];

$wtelephone=$_GET['wtelephone'];

$sql=" INSERT INTO wtalib (wname , wusername ,wemail, wadresse , wtelephone ) VALUES ('$wname' , '$wusername' ,'$wemail', '$wadresse' ,'$wtelephone') ";
$result= $conn->query($sql);

header('location:http://localhost/taroudant/index.php')

?>

الفقرة الرابعة والمهمة :

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

*******************************connect.php************************************************

<?php
$servername='127.0.0.1';
$username='root';
$password='';
$dbname='taroudant';
$conn= new mysqli($servername,$username ,$password ,$dbname);
$conn->set_charset("utf8");

?>

الفقرة الخامسة :

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

******************************searche.php********************************************************

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}

#myInput {
background-image: url('/css/searchicon.png');
background-position: 10px 10px;
background-repeat: no-repeat;
width: 100%;
font-size: 16px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}

#myTable {
border-collapse: collapse;
width: 100%;
border: 1px solid #ddd;
font-size: 18px;
}

#myTable th, #myTable td {
text-align: left;
padding: 12px;
}

#myTable tr {
border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
background-color: #f1f1f1;
}
</style>
</head>
<body>
<center>
<h2 align="center"> أسماء المسجلين </h2>
</center>

<table id="myTable">
<tr class="header">


   <center><th style="width:20%;"> العنوان</th></center>
     <center> <th style="width:30%;">البريد الإلكتروني</th></center>
     <center> <th style="width:30%;">رقم الهاتف</th></center>
     <center><th style="width:30%;">اسم المستخدم</th></center>
   <center><th style="width:30%;">الإسم</th></center>

</tr>
<?php
        include('connect.php');
        $sql="SELECT * FROM wtalib";
        $result=$conn->query($sql);
        while ($row = $result->fetch_assoc()) {

    ?>
<tr>

      <td><?php echo $row['wadresse'] ?></td>
      <td><?php echo $row['wemail'] ?></td>
      <td><?php echo $row['wtelephone'] ?> </td>
       <td><?php echo $row['wusername'] ?></td>
      <td><?php echo $row['wname'] ?></td>

    <?php
      }
    ?>
   </tr>
</table>

</body>
</html>

يمكنك تحميله كاملا من هنا لكن عليك التعديل عليه لأنه كان لهدف اخر

أو يمكنك نسخه

التحميل

تعليقات

genius9 نوفمبر 2020 في 6:16 ص
السلام عليكم عندي تومبلات جاهزة يعني قالب منصة تعليمية واريد ربطها وانشاء قاعدة البينات لها كيف افعل ذلك
ردحذف
الردود

إضافة تعليق

بحث هذه المدونة الإلكترونية

روايتي_Riwayati