نموذج موقع بسيط لتعلم الربط بين قاعدة البيانات و 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>     :         الإسم كاملا </label> </br> <input type="" name="wemail"> <label>      : البريد الإلكتروني </label> </br> <input type="" name="wadresse"> <label>      :    العنوان </label> </br> <input type="" name="wusername"> <label>      :      اسم المستخدم </label> </br> <input type="tel" name="wtelephone"> <label>          :      رقم الهاتف </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> |
السلام عليكم عندي تومبلات جاهزة يعني قالب منصة تعليمية واريد ربطها وانشاء قاعدة البينات لها كيف افعل ذلك
ردحذف