Selamat Pagi, Saya Disini Ingin Membuat Pejelasan
Seperti judulnya yaitu Membuat Aplikasi CRUD (Create, Read, Update, Delete) Sederhana dengan PHP dan MySQL. Jadi nanti kita akan membuat Aplikasi sederhanya bagaimana cara Create/insert data ke database, Read/Select/Menampilkan data dari database, Update/edit data dari database, dan Delete/hapus data dari database dengan menggunakan bahasa pemrograman PHP dan database MySQL.
Step 1 # Database
Pada Tahap Pertama Anda Terlebih Dahulu Membuat Databasenya Nama Database Tutorial.
Jika Sudah Di Buat Database Dengan Nama Tutorial Kemudian Anda Masuk Ke Menu SQL
CREATE TABLE `tb_grafik_webometrics` (
`id` int(10) NOT NULL,
`university` varchar(100) NOT NULL,
`rank` int(11) NOT NULL,
`tahun` year(4) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 ROW_FORMAT=COMPACT;
Step 2#Koneksi Database
Pada Tahan Ini Anda Membuat Koneksi Dengan Text Editor Yang Anda Suka.
silahkan buat File Baru Dengan Nama Koneksi.php Seperti Yang Ada Di Bawah.
<?php
$host = "localhost";
$user = "root";
$pass = "";
$namadb = "tutorial";
$conn = mysqli_connect($host, $user, $pass, $namadb);
if (!$conn)
{
die("Connection Failed : ". mysqli_connect_error() );
}
?>
Step 3#Menampilkan Data
Silahkan Anda Buat File Dengan Nama list-rangking-webometrics.php Seperti Yang Ada Di Bawah.
<!-- page content -->
<div class="right_col" role="main">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="dashboard_graph">
<div class="row x_title">
<div class="col-md-6">
<h3>List Grafik Rangking Webometrics <small>Rank IPB</small></h3>
</div>
<div class="col-md-6">
<div class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);
-->
</script>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="table-responsive">
<table id="tester" class="table table-bordered table-striped table-hover">
<thead>
<tr class="text-center tr">
<td>Rangking</td>
<td>University</td>
<td>Ranking</td>
<td>Tahun</td>
<td>Opsi</td>
</tr>
</thead>
<tbody>
<?php
include "koneksi.php";
$no=1;
$query = mysqli_query($conn, "SELECT * from tb_grafik_webometrics");
while ($row = mysqli_fetch_array($query)) {
?>
<tr class="text-center">
<td><?php echo $no++ ?></td>
<td><?php echo $row['university'] ?></td>
<td><?php echo $row['rank'] ?></td>
<td><?php echo date('d F Y', strtotime($row['tahun'])) ?></td>
<td width="100" class="text-center">
<a href="edit-grafik-webometrics?id=<?php echo $row['id'] ?>">
<button class="btn btn-primary"><i class="fa fa-edit"></i></button>
</a>
<a href="hapus-grafik-webometrics?id=<?php echo $row['id'] ?>" onclick="return confirm('Apakah anda yakin ingin mengahapus Data ini?');">
<button class="btn btn-danger"><i class="fa fa-trash"></i></button>
</a>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</div>
</div>
</div>
<br />
Step 4#Memasukan data
Silahkan Anda Membuat File Baru Dengan Nama add-rangking-webometrics.php Seperti Yang Ada Dibawah.
<!-- page content -->
<div class="right_col" role="main">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="dashboard_graph">
<div class="row x_title">
<div class="col-md-6">
<h3>Create Grafik Rangking Webometrics <small>Rank IPB</small></h3>
</div>
<div class="col-md-6">
<div class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);
-->
</script>
</div>
</div>
</div>
<form id="form-rangking" method="post" action="save-grafik-webometrics" enctype="multipart/form-data">
<div class="form-group">
<label>University:</label><br>
<input class="col-lg-12 form-control" type="text" name="university" placeholder="Masukan University" required>
<div class="clearfix"></div>
</div>
<div class="form-group">
<label>Ranking:</label><br>
<input class="col-lg-12 form-control" type="text" name="rank" placeholder="Masukan rank" required>
<div class="clearfix"></div>
</div>
<div class="form-group">
<label>Tanggal:</label><br>
<input class="col-lg-12 form-control" type="date" name="tahun" required>
<div class="clearfix"></div>
</div>
<br>
<button type="submit" class="btn btn-primary"><a href="index" style="color:white; text-decoration: none;"><i class="fa fa-arrow-left"></i> Kembali</a></button>
<button class="btn btn-primary" type="submit" id="submit" value="Posting" name="create"><i class="fa fa-send"></i> Create </button>
</form>
</div>
</div>
</div>
<br />
Jadi selanjutnya buat file baru dengan nama save-grafik-webometrics.php dan isinya adalah script di bawah ini:
<?php
include "koneksi.php";
$university = $_POST['university'];
$rank = $_POST['rank'];
$tahun = $_POST['tahun'];
$insert = mysqli_query($conn, "INSERT into tb_grafik_webometrics values ('','$university','$rank','$tahun')") or die(mysqli_error());
if($insert)
?>
<script language="javascript">
alert('Data Berhasil Disimpan');
document.location.href="list-grafik-webometrics";
</script>
Step 5#Update Data
Selanjutnya Anda Membuat File Baru Namanya update-grafik-webometrics.php
<?php
// Load file koneksi.php
include "koneksi.php";
// Ambil data NIS yang dikirim oleh form_ubah.php melalui URL
$id = $_GET['id'];
// Ambil Data yang Dikirim dari Form
$university = $_POST['university'];
$rank = $_POST['rank'];
$tahun = $_POST['tahun'];
// Proses ubah data ke Database
$query = "UPDATE tb_grafik_webometrics SET university='".$university."', rank='".$rank."', tahun='".$tahun."' WHERE id='".$id."'";
$sql = mysqli_query($conn, $query); // Eksekusi/ Jalankan query dari variabel $query
if($sql){ // Cek jika proses simpan ke database sukses atau tidak
// Jika Sukses, Lakukan :
echo "<script>alert('Data Berhasil Update!');document.location.href='list-grafik-webometrics'</script>/n";
}else{
// Jika Gagal, Lakukan :
echo "<script>alert('Data Gagal Update!');document.location.href='edit-grafik-webometrics'</script>/n";
}
?>
Kemudian Membuat Form Edit Nya Nama Nya edit-grafik-webometrics.php
<!-- page content -->
<div class="right_col" role="main">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="dashboard_graph">
<div class="row x_title">
<div class="col-md-6">
<h3>Edit Grafik Rangking Webometrics <small>Rank IPB</small></h3>
</div>
<div class="col-md-6">
<div class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);
-->
</script>
</div>
</div>
</div>
<?php
include ("koneksi.php");
if(isset($_GET['id']))
{
$id=$_GET['id'];
if (empty($id))
{
echo "ID Tidak Tersedia!";
}
}else
{
die("ID Tidak Tersedia!");
}
$query= "SELECT * FROM tb_grafik_webometrics WHERE id='$id'";
$sql = mysqli_query($conn,$query);
while ($hasil = mysqli_fetch_array($sql))
{
$id = $hasil['id'];
$university = $hasil['university'];
$rank = $hasil['rank'];
$tahun = $hasil['tahun'];
}
?>
<form id="form-rangking" method="post" action="update-grafik-webometrics?id=<?php echo $id; ?>" enctype="multipart/form-data">
<div class="form-group">
<label>University:</label><br>
<input class="col-lg-12 form-control" type="text" name="university" placeholder="Masukan University" value="<?php echo $university ?>" required>
<div class="clearfix"></div>
</div>
<div class="form-group">
<label>Ranking:</label><br>
<input class="col-lg-12 form-control" type="text" name="rank" placeholder="Masukan Ranking" value="<?php echo $rank ?>" required>
<div class="clearfix"></div>
</div>
<div class="form-group">
<label>Tanggal:</label><br>
<input class="col-lg-12 form-control" type="date" name="tahun" placeholder="Masukan Tanggal" value="<?php echo $tahun ?>" required>
<div class="clearfix"></div>
</div>
<br>
<button type="submit" class="btn btn-primary"><a href="list-grafik-webometrics" style="color:white; text-decoration: none;"><i class="fa fa-arrow-left"></i> Kembali</a></button>
<button class="btn btn-primary" type="submit" id="submit" value="Posting" name="create"><i class="fa fa-send"></i> Update </button>
</form>
</div>
</div>
</div>
<br />
Step 6#Hapus Data
Anda Buat File Baru Lagi Nama File Nya hapus-grafik-webometrics.php
<?php
include "koneksi.php";
if (isset($_GET['id']))
{
$id = $_GET['id'];
}else{
die ("Error. Tidak Ada Data!");
}
mysqli_query($conn,"DELETE FROM tb_grafik_webometrics WHERE id='$id'")or die(mysqli_error());
echo "<script>alert('Data Berhasil Dihapus!');document.location.href='list-grafik-webometrics'</script>/n";
?>
Step 7#Terakhir
Pada Tahap Akhir Ini Saya Ingin Memberikan Penjelasan Tentang htaccess CRUD Yang Saya Buat Itu Udah Termasuk htaccess Jadi Tidak Usah Menggunakan .php lagi.
Buat File Baru Namanya .htaccess (" Di Depannya Harus Menggunakan . ")
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.php -f
RewriteRule ^(.*)$ $1.php
</IfModule>
Terimakasi Mohon Budayakan Membaca Sebelum Mengambil Scriptnya
