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

الصفحات

أخبار البرمجة

البرمجة الكتب البرمجي

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

في الإفادة استفادة
(0)

نموذج موقع بسيط لتعلم الربط بين قاعدة البيانات و 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>

يمكنك تحميله كاملا من هنا لكن عليك التعديل عليه لأنه كان لهدف اخر
أو يمكنك نسخه 
reaction:
في الإفادة استفادة
في الإفادة استفادة
السلام عليكم ورحمة الله تعالى وبركاته : مرحباً ترحيبه الصبح للشّمس ، يا مرحباً لحظة عناق الليل مع طلوع النور ، يا مرحباً في لحظة كلّ المعاني غدت همس والقلب غارق في بحر أنس وسرور ، يا مرحباً فالعين جافاها نومها تنتظر قدومكم ببهجة وسرور ، يا مرحباً عدد ما غرد على غصن حديقتنا من عصفور يا مرحباً عدد ما نزلت قطرات ماء من السماء بحبور ، يا مرحباً ضيفنا بعدد الدقائق والثواني التي انتظرتكم بها من قلب صبور. كل شيء يرحب بك ، كل شيء يتبسم ، ويتوهج فرحاً بقدومك ، هذا الفضاء مخصص لك لكي تستفيد منا و معنا ومما لدينا !!!!

أخر المواضيع من قسم : البرمجة

تعليقات

إرسال تعليق