Membuat Sistem Polling dengan PHP MySQL

Halo teman teman Dumenity, jumpa lagi di panduan panduan pemrogramman web Source Code Aplikasi, oke kali ini kita akan belajar Merancang Aplikasi Polling dengan PHP dan Database MySQL. Yuk seketika saja kita praktekan teman teman.





Pertama-tama tama kalian dapat bikin database nya terlebih dahulu selaku contoh kita akan merancang program polling Framework CSS terbaik dengan struktur Databse seperti berikut.



jumpa



lalu kita bikin folder project nya di htdoct dan bikin file dengan nama ffile conn.php dan isi file conn itu selaku koneksi dengan database yang baru saja kita bikin.



<?php 
$conn = mysqli_connect(localhost, dumet, school, webmaster);
if (!$conn) die(mysqli_connect_error());
?>


jumpa



lalu setelah teman teman dapat bikin file dengan nama index.php, dan bikin struktur nya seperti berikut.



<?php 
include 'conn.php';
$query = mysqli_query($conn, SELECT * FROM polling);

if(isset($_POST['submit'])) {
$id = $_POST['id'];
mysqli_query($conn, UPDATE polling SET value=value+1 WHERE id = '$id' );
header('location:index.php?'.$id);
}
?>

<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<title> Polling Framework CSS Terbaik </title>
<link rel=stylesheet href=bootstrap.min.css>
</head>
<body>
<div class=container>
<div class=row>
<div class=col>
<h2 class=text-center>Polling Framework CSS Terbaik</h2>
<hr>
<div class=row>
<div class=col-6>
<p class=lead>Which one is Best CSS Framework</p>
<hr>
<form action= method=post>
<div>
<?php foreach($query as $row){ ?>
<div class=form-group>
<input name=id type=radio aria-valuenow= class=pollradio value=<?php echo $row['id'] ?>>
<?php echo $row['framework'] ?>
</div>
<?php } ?>
</div>
<br>
<button type=submit name=submit class=btn btn-primary id=btn>submit</button>
</form>

</div>

<div class=col-6>
<p class=lead>Live Polling Framework CSS</p>
<hr>

<div class=row mb-3>
<?php foreach($query as $row){ ?>
<div class=col-3 mb-3>
<div><?php echo $row['framework'] ?></div>
</div>
<div class=col-8>
<div class=progress mt-1>
<div class=progress-bar <?php
if ($row['value']>50 $row['value']<100) echo 'bg-success';
else if($row['value'] >= 100) echo bg-primary;
else if($row['value'] < 50) echo bg-danger;

?> role=progressbar style=width: <?php echo $row['value'] ?>%; aria-valuenow=<?php echo $row['value'] ?> aria-valuemin=0 aria-valuemax=100><?php echo $row['value'] ?>% <?php echo $row['value'] >= 100 ? 'Completed' : 'Uncompleted' ?></div>
</div>
</div>
<?php } ?>
</div>

</div>

</div>
</div>
</div>
</div>
</body>
</html>


bagi koding sebetulnya hanya sesimpel itu, dan bagi struktur folder nya sendiri seperti ini, oya karena ini memakai bootstrap css jadi kalian dapat unduh atau pasang bootstrap CDN nya yah jangan lupa.



jumpa



coba kalian jalan kan webrowser masing masing. hasil nya seperti di bawah ini.



jumpa



coba kalian submit misalnya yang bootstrap kalian pilih karenanya otomatis value di sebelah kanan akan bertambah 1%.



jumpa



oke sekianlah panduan Merancang Aplikasi Polling dengan PHP MySQL semoga bermanfaat yah teman teman..



 




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Membuat Table Warna Berselang dengan PHP