Sebelum membahas tentang perbedaan information security dan computer security. Mari kita bahas empat aspek informasi security terlebih dahulu. Empat aspek tersebut terdiri dari privacy (confidentiality), integrity, autentication, availabilty. Aspek privacy atau confidentiality terkait dengan kerahasiaan informasi, bagaimana menjaga informasi agar tidak dapat dilihat atau diakses oleh yang tidak berhak. Aspek integrity adalah bagaimana menjaga informasi agar tetap utuh. Informasi tidak boleh di ubah, ditambah, atau dikurangi, kecuali mendapat izin dari pemilik Aspek autentication adalah bagaimana cara untuk mengetahui bahwa yang mengakses informasi hanyalah orang yang berhak, dan hanya orang yang berhak saja boleh membagikan informasi kepada orang lain. Aspek availability adalah informasi harus selalu tersedia pada saat dibutuhkan. Dari ke empat aspek diatas yang sudah anda baca baik computer security maupun information security kedua-duanya memiliki tujuan yang sama yaitu mencapai
cara membuat crud menggunakann php dan mysql
Assalamu`alaikum Warahmarullahi Wabarakatuh
sebelumnya saya ingin mengucapkan banyak terima kasih kepada sahabat bloger yang telah mengunjungi blog saya silahkan cari tutorial tutorial yang anda butuhkan semoga postingan saya membantu sahabat blogger semua, Aamiin.
Apa itu crud ?
CRUD adalah akronim untuk Create, Read, Update, dan Delete. Operasi CRUD adalah manipulasi data dasar untuk database.
Dalam tutorial ini kita akan membuat aplikasi PHP sederhana untuk melakukan semua operasi ini pada tabel database MySQL di satu tempat.
Kita akan membuat sebuah aplikasi dengan tampilan seperti pada gambar di bawah
berikut langkah-langkahnya :
BACA JUGA:
- membuat table di database
disini saya tidak menggunakan xampp melainkan hanya menggunakan apache dan mysql saja.
kita harus membuat table dulu dengan mengetikan query sebagai berikut:
create table user (id int primary key auto_increment, nama varchar(30), username varchar(30), password varchar(50), email varchar(30));
- Insert data ke database
sebelum melakukan insert data kita harus membuat koneksi dulu ke database, buat file koneksi.php , berikut script untuk membuat koneksi ke db di php
<?php
$host = "localhost";
$user = "yuri";
$password = "Yuri_ma6";
$database = "crud";
$koneksi = mysqli_connect($host, $user, $password, $database);
if( !$koneksi ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>
selanjutnya adalah kita membuat form untuk menginputkan data ke database, saya beri nama form.php, untuk form bebas bisa sesuaikan dengan selera..
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>input</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link rel="stylesheet" href="css/register.css">
</head>
<body>
<form action="input.php" method="post">
<h1>Form</h1>
<label>
<p class="label-txt">Nama</p>
<input type="text" class="input" name="nama" required="required">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<label>
<p class="label-txt">USERNAME</p>
<input type="text" class="input" name="username" required="required">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<label>
<p class="label-txt">PASSWORD</p>
<input type="password" class="input" name="pass" required="required">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<label>
<p class="label-txt">EMAIL</p>
<input type="email" class="input" name="email" required="required">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<button type="submit">submit</button>
</form>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/register.js"></script>
</body>
</html>
selanjutnya kita membuat proses inputnya saya beri nama input.php
<?php
$nama = $_POST['nama'];
$username = $_POST['username'];
$password = MD5($_POST['pass']);
$email = $_POST['email'];
include 'koneksi.php';
$query = mysqli_query($koneksi, "INSERT INTO user (id, nama, username, password, email) VALUES (NULL, '$nama', '$username', MD5('$password'), '$email')");
if( !$query ){
die("Gagal insert " .mysqli_error($koneksi));
}
header("location:index.php");
?>
silahkan coba insert datanya, kalau bisa lanjut ke langkah selanjutnya
- menampilkan data dari database
buat template index.php untuk menampilkan data dari database, berikut scriptnya
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Crud</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<a class="btn btn-primary" href="form.php">+ Tambah Data Baru</a>
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">No</th>
<th scope="col">Nama</th>
<th scope="col">Username</th>
<th scope="col">Password</th>
<th scope="col">Email</th>
<th scope="col">opsi</th>
</tr>
</thead>
<tbody>
<?php
include "koneksi.php";
$query_mysql = mysqli_query($koneksi, "SELECT * FROM user");
$nomor = 1;
while($data = mysqli_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo $nomor++; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['username']; ?></td>
<td><?php echo $data['password']; ?></td>
<td><?php echo $data['email']; ?></td>
<td>
<a class="edit" href="form-edit.php?id=<?php echo $data['id']; ?>">Edit</a> |
<a class="hapus" href="hapus.php?id=<?php echo $data['id']; ?>">Hapus</a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
disini saya tidak menggunakan xampp melainkan hanya menggunakan apache dan mysql saja.
kita harus membuat table dulu dengan mengetikan query sebagai berikut:
create table user (id int primary key auto_increment, nama varchar(30), username varchar(30), password varchar(50), email varchar(30));
sebelum melakukan insert data kita harus membuat koneksi dulu ke database, buat file koneksi.php , berikut script untuk membuat koneksi ke db di php
<?php
$host = "localhost";
$user = "yuri";
$password = "Yuri_ma6";
$database = "crud";
$koneksi = mysqli_connect($host, $user, $password, $database);
if( !$koneksi ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>
selanjutnya adalah kita membuat form untuk menginputkan data ke database, saya beri nama form.php, untuk form bebas bisa sesuaikan dengan selera..
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>input</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link rel="stylesheet" href="css/register.css">
</head>
<body>
<form action="input.php" method="post">
<h1>Form</h1>
<label>
<p class="label-txt">Nama</p>
<input type="text" class="input" name="nama" required="required">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<label>
<p class="label-txt">USERNAME</p>
<input type="text" class="input" name="username" required="required">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<label>
<p class="label-txt">PASSWORD</p>
<input type="password" class="input" name="pass" required="required">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<label>
<p class="label-txt">EMAIL</p>
<input type="email" class="input" name="email" required="required">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<button type="submit">submit</button>
</form>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/register.js"></script>
</body>
</html>
selanjutnya kita membuat proses inputnya saya beri nama input.php
<?php
$nama = $_POST['nama'];
$username = $_POST['username'];
$password = MD5($_POST['pass']);
$email = $_POST['email'];
include 'koneksi.php';
$query = mysqli_query($koneksi, "INSERT INTO user (id, nama, username, password, email) VALUES (NULL, '$nama', '$username', MD5('$password'), '$email')");
if( !$query ){
die("Gagal insert " .mysqli_error($koneksi));
}
header("location:index.php");
?>
silahkan coba insert datanya, kalau bisa lanjut ke langkah selanjutnya
- menampilkan data dari database
buat template index.php untuk menampilkan data dari database, berikut scriptnya
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Crud</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<a class="btn btn-primary" href="form.php">+ Tambah Data Baru</a>
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">No</th>
<th scope="col">Nama</th>
<th scope="col">Username</th>
<th scope="col">Password</th>
<th scope="col">Email</th>
<th scope="col">opsi</th>
</tr>
</thead>
<tbody>
<?php
include "koneksi.php";
$query_mysql = mysqli_query($koneksi, "SELECT * FROM user");
$nomor = 1;
while($data = mysqli_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo $nomor++; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['username']; ?></td>
<td><?php echo $data['password']; ?></td>
<td><?php echo $data['email']; ?></td>
<td>
<a class="edit" href="form-edit.php?id=<?php echo $data['id']; ?>">Edit</a> |
<a class="hapus" href="hapus.php?id=<?php echo $data['id']; ?>">Hapus</a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
- membuat script edit/update data
edit data formnya sama dengan form input data yah friend... saya beri nama form-edit.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>edit</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link rel="stylesheet" href="css/register.css">
</head>
<body>
<?php
include 'koneksi.php';
$id = $_GET['id'];
$data = mysqli_query($koneksi,"select * from user where id='$id'");
while($d = mysqli_fetch_array($data)){
?>
<form method="post" action="proses-edit.php">
<h1>Form edit</h1>
<label>
<p class="label-txt">Nama</p>
<input type="hidden" name="id" value="<?php echo $d['id']; ?>">
<input type="text" class="input" name="nama" required="required" value="<?php echo $d['nama']; ?>">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<label>
<p class="label-txt">USERNAME</p>
<input type="text" class="input" name="username" required="required" value="<?php echo $d['username']; ?>">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<label>
<p class="label-txt">PASSWORD</p>
<input type="password" class="input" name="pass" required="required" value="<?php echo $d['password']; ?>">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<label>
<p class="label-txt">EMAIL</p>
<input type="email" class="input" name="email" required="required" value="<?php echo $d['email']; ?>">
<div class="line-box">
<div class="line"></div>
</div>
</label>
<button type="submit">submit</button>
</form>
<?php
}
?>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/register.js"></script>
</body>
</html>
selanjunya adalah membuat proses update/editnya , saya beri nama proses-edit.php
<?php
$id = $_POST['id'];
$nama = $_POST['nama'];
$username = $_POST['username'];
$password = MD5($_POST['pass']);
$email = $_POST['email'];
include 'koneksi.php';
$query = mysqli_query($koneksi, "update user set nama='$nama', username='$username', password=MD5('$password'), email='$email' where id='$id'");
if( !$query ){
die("Gagal edit " .mysqli_error($koneksi));
}
header("location:index.php");
?>
silahkan lakukan testing untuk mengedit/update datanya, kalau berhasil lakukan langkah selanjutnya
- hapus data
untuk langkah yang satu ini cukup mudah teman-teman tinggal diarahkan saja pada href yang ada pada index.php
berikut sccrip untuk hapus data , saya beri nama hapus.php
<?php
include 'koneksi.php';
$id = $_GET['id'];
mysqli_query($koneksi,"delete from user where id='$id'");
header("location:index.php");
?>
untuk lebih lengkapnya silahkan download sourcenya di github
sekian tutorial crud dari saya mohon maaf bila ada salah atau tutorialnya malah nambah bikin bingung karena saya masih sama-sama belajar.
wasalamualaikum wr.wb
terimakasih....
Komentar
Posting Komentar