Membuat CRUD PHP dan Mysql Dengan Mudah Bagi Pemula – Menampilkan Data Dari Database

Masdita.com, Halo sobat mudah-mudahan selalu di berikan rezeki dan umur panjang yaa, selamat datang di tutorial part 1, Membuat CRUD PHP dan MySQL Dengan Mudah Bagi Pemula – Menampilkan Data Dari Database . di tutorial ini kita akan masuk ke tutorial edisi membuat CRUD PHP dan MySQL menggunakan database MySQL. Turorial ini adalah dasaran jika sobat ingin menjadi seorang programmer. Di tutorial ini juga akan di jelaskan apa itu CRUD, cara membuat CRUD, dan mengapa saya bilang tutorial CRUD sangat penting ? karena pada dasarnya semua sistem atau aplikasi diawali dengan membuat CRUD, karena semua itu berhubungan dengan menginput, mengedit, menampilkan, serta menghapus data dari database dengan menggunakan PHP.

Sobat sudah bisa pastikan betapa pentingnya tutorial CRUD kali ini kan? sobat tidak akan bisa membuat sistem atau aplikasi jika sobat belum bisa menguasi CRUD. Di tutorial kali ini saya ajarkan sobat yang mungkin baru belajar php atau mungkin sudah mempelajari php dasar tapi masig bingung ingin lanjut kemana. Saya sarankan sobat untuk mempelajari tutorial php dasar terlebih dulu di www.masdita.com. Berikut ini tutorial dasar yang saya berikan sebelum sobat masuk lebih dalam dan membuat Membuat CRUD PHP dan MySQL Dengan Mudah Bagi Pemula.

Pengertian CRUD (Create, Read, Update dan Delete)

Sebelum kita belajar membuat CRUD PHP dan MySQL Dengan Mudah Bagi Pemula - Menampilkan Data Dari Database. Alangkah lebih baik jika kita belajar dulu mengenai apa sih pengertian CRUD itu? karena tidak semua orang tau apa itu CRUD?

Baiklah akan saya jelaskan CRUD merupakan singkatan dari Create, Read, Update and Delete. jika kita lihat dari kata create, read, update, delete.. dibenak kita pasti membayangkan mengelola sebuah aplikasi atau sistem? yak benar sekali. CRUD bertugas yang mengelola database. Saya contohkan menginput data ke database disebut dengan Create, menampilkan data dari database disebut dengan Read, mengubah data pada database disebut dengan Update, dan yang terakhir adalah menghapus data pada database disebut dengan Delete. Di tutotial kali ini saya akan mengajarkan sobat bagimana cara menampilkan data dari database datau Read. Di tutori kali ini saya menggunakan database MySQL.

Bahan Untuk Membuat CRUD PHP dan Mysql Dengan Mudah Bagi Pemula - Menampilkan Data Dari Database 

Karena disini kita menggunakan database, pertama kita siapakan databasenya dan buatlah sebuah database dengan nama 'masdita'. dan buat sebuah tabel bernama 'user' yang berisi kolom id,nama,alamat. Intinnya disini kita membuat data user, setelah itu kita akan menampilkan data dari database. untuk lebih jelasnya langsung ikuti langkah-langkah di bawah ya sob..

1. Membuat database dengan nama 'masdita'.

(gambar cara membuat database)

(gambar ketika database berhasil dibuat)

2. Membuat tabel dengan nama 'user'

Dibawah ini sudah saya sediakan kode sql nya sobat bisa langsung cusss.. copy paste di database 'masdita' yang sudah kita buat tadi. Berikut kode sql nya.

-- phpMyAdmin SQL Dump
-- version 3.5.2.2
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Feb 12, 2016 at 09:28 AM
-- Server version: 5.5.27
-- PHP Version: 5.4.7

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `masdita`
--

-- --------------------------------------------------------

--
-- Table structure for table `user`
--

CREATE TABLE IF NOT EXISTS `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nama` varchar(50) NOT NULL,
  `alamat` text NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=64 ;

--
-- Dumping data for table `user`
--

INSERT INTO `user` (`id`, `nama`, `alamat`) VALUES
(1, 'Dita', 'Rembang'),
(2, 'Kiki', 'Kalimantan');

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

(gambar copy paste kode ke sql)

(gambar tabel 'user' dengan database 'masdita')

Cara Menampilkan Data Dari Database Dengan PHP

Setelah sobat selesai membuat database. Kita langsung saja masuk ke tutorial cara menampilkan data dari database dengan PHP. Pertama yang harus sobat lakukan adalah sobat harus membuat skrip koneksi untuk menyambungkan database ke PHP. kalau sobat belum paham mengapa harus ada skrip koneksi sobat bisa baca tutorial saya cara membuat koneksi PHP dengan database MySQL. Baiklah pertama kita buat file yang bernama koneksi.php. Di file koneksi.php inilah yang akan menghubungkan database MySQL dengan PHP agar bisa menampilkan data dari database kita. Berikut kode dari file koneksi.php sobat bisa langsung copy paste kan saja.

koneksi.php
<?php
// isi nama host, username mysql, dan password mysql anda
$host = mysql_connect("localhost","root","");
// isikan dengan nama database yang akan di hubungkan
$db = mysql_select_db("masdita");
?>

Silahkan sobat sesuaikan dengan username dan password mysql sobat. Tapi biasanya untuk default nya jika di phpmyadminnya belum di otak atik, username defaultnya root dan passwordnya di kosongi. Jadi untuk settingan default kodenya seperti di atas sob. Jangan bingung ya sobb untuk pemula ikuti saja tutorial ini pasti dijamin bisa kok.

Lanjut ke tahap selanjutnya kita akan membuat sebuah file dengan nama index.php. Di file index.php ini kita akan menampilkan data dari database yang sudah kita buat tadi. tepatnya dari database masdita dengan tabel user yang telah kita buat di atas. sobat bisa langsung copass saja kode di bawah ini..

index.php
<!DOCTYPE html>
<html>
<head>
<title>Membuat CRUD PHP dan Mysql Dengan Mudah Bagi Pemula - Menampilkan Data Dari Database</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat CRUD Mysql Dengan Mudah Bagi Pemula</h1>
<h3>www.masdita.com</h3>
</div>
<br/>

<?php
if(isset($_GET['pesan'])){
$pesan = $_GET['pesan'];
if($pesan == "input"){
echo "Data berhasil di input.";
}else if($pesan == "update"){
echo "Data berhasil di update.";
}else if($pesan == "hapus"){
echo "Data berhasil di hapus.";
}
}
?>
<br/>
<a class="tombol" href="input.php">+ Tambah Data Baru</a>

<h3>Data user</h3>
<table border="1" class="table">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Opsi</th>
</tr>
<?php
include "koneksi.php";
$query_mysql = mysql_query("SELECT * FROM user")or die(mysql_error());
$nomor = 1;
while($data = mysql_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo $nomor++; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td>
<a class="edit" href="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 } ?>
</table>
</body>
</html>

pada syntax dibawah ini
<?php
if(isset($_GET['pesan'])){
$pesan = $_GET['pesan'];
if($pesan == "input"){
echo "Data berhasil di input.";
}else if($pesan == "update"){
echo "Data berhasil di update.";
}else if($pesan == "hapus"){
echo "Data berhasil di hapus.";
}
}
?>

Untuk syntax diatas, sobat jangan pedulikan dulu. Karena akan saya bahas pada tutorial membuat crud php dan mysql part 2 nanti. Saya akan jelaskan sedikit tentang syntax di atas yaitu pengambilan data lewat url yang berguna untuk membuat notifikasi data telah berhasil di input, update ataupun di hapus.

Nah yang perlu sobat perhatikan sekarang adalah pada syntax dibawah ini

<table border="1" class="table">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Pekerjaan</th>
<th>Opsi</th>
</tr>
<?php
include "koneksi.php";
$query_mysql = mysql_query("SELECT * FROM user")or die(mysql_error());
$nomor = 1;
while($data = mysql_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo $nomor++; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td><?php echo $data['pekerjaan']; ?></td>
<td>
<a class="edit" href="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 } ?>
</table>

Sobat dapat melihat syntax diatas alasan saya menggunakan tag table. Karena kita akan menampilkan data nya di dalam table dengan menggunakan tag <table>. Oke kita lanjut lagi yaa pembahasanya pada syntax dibawah ini..

<?php
include "koneksi.php";
$query_mysql = mysql_query("SELECT * FROM user")or die(mysql_error());
$nomor = 1;
while($data = mysql_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo $nomor++; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td><?php echo $data['pekerjaan']; ?></td>
<td>
<a class="edit" href="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 } ?>

Sobat coba lihat pada syntax yang berada di atas. Langkah pertama kita harus menghubungkan file index.php dengan file koneksi.php atau dengan kata lain kita bisa menyisipkan file koneksi.php di dalam file index.php ini. Untuk menampilkan data dari database kita harus menghubungkan database dengan php dulu. Alasan kenapa kita harus menghubungkan kedua file tersebut adalah karena untuk mengambil data dari database dan kemudian menampilkannya pada table. kita harus menyisipkan file koneksi.php dengan fungsi include agar database dan php bisa saling terhubung.

include "koneksi.php";

Sekarang sobat bisa lihat juga apa kenapa ada syntax mysql_query(). Ya.. saya akan jelaskan apa fungsi syntax mysql_query? syntax mysql_query berfungsi untuk menjalankan perintah mysql di php. Jadi perintah MySQL yang sobat jalankan “Select * from user” itu berarti kita mengambil semua data dari tabel yang bernama user. Selanjutnya disitu juga terdapat syntax or die(). Apa fungsi syntax or die? fungsi php untuk menampilkan pesan error jika fungsi syntax sebelumnya bermasalah. Membuat CRUD PHP Dan MySQL Dengan Mudah Bagi Pemula - Menampilkan Data Dari Database

$query_mysql = mysql_query("SELECT * FROM user")or die(mysql_error());

Mari kita lanjut lagi pembahasannya, perintah query yang menampilkan data dari tabel user, bisa kita  masukkan kedalam variabel $query_mysql. Bagaimana caranya? jadi sekarang variabel query_mysql di atas sudah berisi data user. Ya betul sekali kita akan menggunakan perulangan while pada perintah php, di bawah ini sytax perulangan while

$nomor = 1;
while($data = mysql_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo $nomor++; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td>
<a class="edit" href="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 } ?>

Pada php fungsi while digunakan untuk memecahkan data menjadi array, setelah itu kita memasukkan data array ke dalam variabel data supaya datanya bisa ditampilkan kedalam bentuk perulagan. Membuat CRUD PHP Dan MySQL Dengan Mudah Bagi Pemula - Menampilkan Data Dari Database

Syntax dibawah digunakan ketika kita memecahkan data menjadi array
$data = mysql_fetch_array($query_mysql)

Lalu syntax dibawah ini untuk menampilkan data pada tabel 'user'
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['alamat']; ?></td>

Okee variabel data kita sekarang sudah menjadi array. Sekarang masukkan nama kolom tabel 'user' yang ingin di tampilkan seperti contoh di atas. Kita boleh memasukkan nama kolom sesuai kebutuhan data yang ingin kita tampilkan. Di syntax diatas saya membuat variabel nomor. Kenapa saya membuat variabel nomor dengan tanda plus ? kenapa plusnya tidak dihilangkan saja? alasanya adalah di atas nilai $nomor=1 yang berarti variabel $nomer dimulai dari angka 1, dan saya memberikan tanda ++ di dalam while yang berarti akan membuat nilai dari nomor bertambah terus menerus terus menerus sesuai jumlah record data yang di ada. Membuat CRUD PHP Dan MySQL Dengan Mudah Bagi Pemula - Menampilkan Data Dari Database 

Perhatikan pada link edit dan hapus berikut. Kenapa harus ada link edit dan hapus? Karena untuk mengedit atau mengubah data, dan untuk menghapus data agar sistem kita bisa dinamis dengan hanya lewat user interface. Data bisa di edit atau di hapus dengan menggunakan pengiriman data melalui url (GET). Untuk sobat yang ingin memahami GET dan POST di PHP silahkan sobat baca tutorial tentang cara membuat pengiriman data di php.

<a class="edit" href="edit.php?id=<?php echo $data['id']; ?>">Edit</a> |
<a class="hapus" href="hapus.php?id=<?php echo $data['id']; ?>">Hapus</a>

Eiiittsss sobat jangan lupa tambahkan file CSS yaa agar website sobat terlihat menarik. Apa itu CSS? baca saja disini.

style.css
body{
font-family: 'roboto';
color: #000;
}
.judul{
background: #87D1D8;
padding: 10px;
text-align: center;
}
.judul h1,h2,h3{
height: 15px;
}
a{
/*color: #fff;*/
padding: 5px;
text-decoration: none;
}
.table{
border-collapse: collapse;
}
table.table th th , table.table tr td{
padding: 10px 20px ;
}

Setelah semua penjelasan diatas selesai langsung saja kita coba jalankan file index.php untuk melihat hasil menampilkan data dari database dengan php. Membuat CRUD PHP Dan MySQL Dengan Mudah Bagi Pemula - Menampilkan Data Dari Database 

( Gambar menampilkan database di php )

Oke sobat data kita berhasil di tampilkan. Selesai sudah Membuat CRUD PHP Dan MySQL Part 1 – Menampilkan Data Dari Database. Untuk tutorial selanjutnya cara menginput data ke database dengan php sobat bisa lihat membut crud dengan php dan mysql part 2  akan kita bahas tentang cara menginput data ke database dengan PHP pada tutorial selanjutnya dibawah ini.

Tutorial CRUD PHP Lainnya :

Tutorial CRUD Dengan PHP Dan MySQL Part 1 – Menampilkan Data Dari Database Dengan PHP

Tutorial CRUD Dengan PHP Dan MySQL Part 2 – Menginput Data Ke Database Dengan PHP

Tutorial CRUD Dengan PHP Dan MySQL Part 3 – Mengupdate Data Pada Database Dengan PHP

Tutorial CRUD Dengan PHP Dan MySQL Part 4 – Menghapus Data Pada Database Dengan PHP

Bagikan Artikel ini