Anda di halaman 1dari 21

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

1 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

Ketika kita kuliah di jurusan yang ada hubungannya dengan coding, pasti suatu saat kita
akan mengambil mata kuliah yang ada hubungannya dengan database alias basis data.
Tentu saja dalam mata kuliah tersebut kita wajib mempelajari SQL (Structured Query
Language), sebuah bahasa query untuk membuat RDBMS (Relational Database
Management Systems) bertekuk lutut di hadapan kita.
Setelah kita paham tentang SQL tiba saatnya sang dosen memberi hadiah berupa tugas,
tentu saja tugas yang diberikan tak pernah kita kerjakan sebelumnya yaitu mengaplikasikan
SQL yang telah kita kuasai ke dalam sebuah bahasa pemrograman yang biasa disebut
dengan PHP. Tapi tenang saja, berbekal ilmu dari mbah Google dan sedikit kreatifitas kita
akan menjawab tantangan dosen tersebut.
A. Persiapan, Apa dan Bagaimana?

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

2 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

1
2
3
4
5
6
7
8

CREATE TABLE IF NOT EXISTS `tabel_biodata` (


`id` int(11) NOT NULL AUTO_INCREMENT,
`nama` varchar(50) NOT NULL,
`jenis_kelamin` enum('Laki-Laki','Perempuan') NOT NULL,
`alamat` varchar(100) NOT NULL,
`no_hp` varchar(12) NOT NULL,
PRIMARY KEY (`id`)
);

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

3 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

1
2
3
4
5
6
7
8
9
10
11

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<?php
$dsn = "mysql:dbname=biodata;host=localhost";
$user = "root";
$pass = "";

try {
$dbh = new PDO($dsn, $user, $pass);
} catch (PDOException $e) {
echo "Koneksi ke database gagal: ".$e->getMessage();
}
?>

<h1 align="center">Input Biodata</h1>


<fieldset style="width: 50%; margin: auto;">
<legend>Form Input Biodata</legend>

<form action="simpan.php" method="post">


<p>
Nama Lengkap
<input type="text" name="nama" required />
</p>
<p>
Jenis Kelamin
<input type="radio" name="jenis_kelamin" value="Laki-Laki" id="laki-laki"
<input type="radio" name="jenis_kelamin" value="Perempuan" id="perempuan"
</p>
<p>
Alamat Lengkap
<textarea name="alamat" cols="50" required></textarea>
</p>
<p>
Nomor Handphone

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

4 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD
34
35
36
37
38
39

1
2
3
4
5
6
7
8
9
10

1
2
3
4
5
6
7
8
9

</p>
</form>
</fieldset>
<center><a href="index.php"> Tabel Biodata</a></center>

<?php
include 'connect.php';

if (isset($_POST)) {
$sql = "INSERT INTO tabel_biodata VALUES ('', '$_POST[nama]', '$_POST[jenis_kelamin]',
$dbh->exec($sql);
}
header("location:index.php");
?>

<?php
include 'connect.php';
?>
<style>
tbody > tr:nth-child(2n+1) > td, tbody > tr:nth-child(2n+1) > th {
background-color: #ededed;
}
table{
width: 70%;

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

5 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

}
</style>
<h1 align="center">Tabel Biodata</h1>
<center><a href="input.php">Input Biodata </a></center>
<table border="1">
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Jenis Kelamin</th>
<th>Alamat</th>
<th>No Hp</th>
<th>Pilihan</th>
</tr>
</thead>
<tbody>
<?php
$sql = "SELECT * FROM tabel_biodata ORDER BY id";
$no = 1;
foreach ($dbh->query($sql) as $data) :
?>
<tr>
<td><?php echo $no++; ?></td>
<td><?php echo $data['nama'] ?></td>
<td><?php echo $data['jenis_kelamin'] ?></td>
<td><?php echo $data['alamat'] ?></td>
<td><?php echo $data['no_hp'] ?></td>
<td align="center">
<a href="edit.php?id=<?php echo $data['id'] ?>">edit</a>

<a href="hapus.php?id=<?php echo $data['id'] ?>" onclick="return confirm('A


</td>
</tr>
<?php
endforeach;
?>
</tbody>
</table>

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

6 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

echo "ID tidak tersedia!


<a href='index.php'>Kembali</a>";
exit();
}
if ($data === false) {
echo "Data tidak ditemukan!
<a href='index.php'>Kembali</a>";
exit();
}
?>
<h1 align="center">Edit Biodata</h1>
<fieldset style="width: 50%; margin: auto;">
<legend>Form Input Biodata</legend>
<form action="update.php" method="post">
<input type="hidden" name="id" value="<?php echo $data['id']; ?>" />
<p>
Nama Lengkap
<input type="text" name="nama" required value="<?php echo $data['nama']; ?>"
</p>
<p>
Jenis Kelamin
<?php if ($data['jenis_kelamin'] === "Laki-Laki") : ?>
<input type="radio" name="jenis_kelamin" value="Laki-Laki"
<input type="radio" name="jenis_kelamin" value="Perempuan"
<?php else : ?>
<input type="radio" name="jenis_kelamin" value="Laki-Laki"
<input type="radio" name="jenis_kelamin" value="Perempuan"
<?php endif; ?>
</p>

id="laki-laki"
id="perempuan"
id="laki-laki"
id="perempuan"

<p>
Alamat Lengkap

<textarea name="alamat" cols="50" required><?php echo $data['alamat']; ?></text


</p>
<p>
Nomor Handphone
<input type="text" name="no_hp" required value="<?php echo $data['no_hp']; ?>"
</p>
<p>

<input type="submit" value="Simpan" />


<input type="reset" value="Reset" onclick="return confirm('hapus data yang tela
</p>
</form>
</fieldset>
<center><a href="index.php"> Tabel Biodata</a></center>

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

7 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

1
2
3
4
5
6
7
8
9
10
11
12
13
14

1
2
3
4
5
6
7

<?php
include 'connect.php';

if (isset($_POST)) {
$sql = "UPDATE tabel_biodata SET nama = '$_POST[nama]',
jenis_kelamin = '$_POST[jenis_kelamin]',
alamat = '$_POST[alamat]',
no_hp = '$_POST[no_hp]'
WHERE id = '$_POST[id]' ";
$dbh->exec($sql);
}
header("location:index.php");
?>

<?php
include 'connect.php';
if (isset($_GET['id'])) {
$dbh->exec("DELETE FROM tabel_biodata WHERE id = '$_GET[id]'");
}
header("location:index.php")
?>

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

8 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

SEBELUMNYA

BERIKUTNYA

Aplikasi Keren yang Harus di Instal di


Linux Ubuntu

Membuat Tabel Zebra HTML Warna


Warni dengan CSS3

76 KOMENTAR:
Luar biasa, ini bukan sekedar tutorial, tapi lebih dari itu, sangat bermanfaat. Smoga teman
kami (pemilik sekedar-tutorial.blogspot.com) semakin sukses! Izinkan saya 'sedot'
program2nya utk saya kembangkan. Terima kasih banyak ! Mus K. Tunaro

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

9 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

Fatal error: Call to a member function exec() on a non-object in C:\xampp\htdocs\biodata


\simpan.php on line 6

pas mau di simpan keluar keterangan seperti ini,,,


caranya bagaimana yah..??

nama database kamu salah, bukan biodata. kamu bikin database apa namanya?

Ada filenya sekalian ngga, buat dipelajari langsung.

maaf mas , setelah saya input data pada index.php kok gak keluar ya datanya cuman
formnya aja

berarti masih ada salah, ada pesan errornya gak?

saya sudah buat seperti yang anda tulis tapi gak bisa
Object not found!
The requested URL was not found on this server. If you entered the URL manually please
check your spelling and try again.
If you think this is a server error, please contact the webmaster.

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

10 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

alamat yang Anda masukkan salah, silakan dicek kembali, apakah folder yang Anda buat
sudah sesuai dengan alamat yang Anda masukkan?
misalnya Anda membuat folder di c:\xampp\htdocs\biodata maka alamat yang harus Anda
akses http://localhost/biodata

maaf mas mau nanya sama masalahnya sama yang lain ketika mau nyiompan mas
ada pesan eror kek gini
getMessageP(); } ?>
Fatal error: Call to a member function exec() on a non-object in E:\xampp\htdocs\biodata
\simpan.php on line 13
mohon pencerahannya perintah udah sesuai

bagaimana kalau koneksinya seperti itu ?


mohon bantuannyaaa...

bagaimana kalau koneksinya seperti itu ?


mohon bantuannyaaa...

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

11 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

saya mau bertanya bagaimana kalau koneksinya berbeda ?

sip gan,sngat membantu


mampir ya gan http://hanada-setia.blogspot.com/

mkasih mas,,, sangat membantu sekali... (y)

maksudnya koneksinya begitu itu begitu yg gimana?

Om error nya gini : Warning: Invalid argument supplied for foreach() in C:\xampp\htdocs
\biodata\index.php
pas baris ==> foreach ($dbh->query($sql) as $data) :

ada yang salah sama query sqlnya om, coba dulu di PHPMyAdmin udah bisa jalan belum
query sql nya?

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

12 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

[ASK INSERT] Kalo table didatabase nya lebih dari satu, sintaknya gimana?

thanks gan ,sngat membantu,..


http://www.hanada-setia.blogspot.com

terimakasih gan..SUCCESS FOR YOU

Sebenarnya bisa dibuat lebih sederhana mas dengan menjadikan from input dan update
menjadi satu, dan kita bisa bikin banyak modul dalam satu template.
monggo di cek..
http://hadinug.net/post/1392459654/membuat-aplikasi-crud-sederhana-dengan-php-danmysql.html

kan ini buat pemula mas, saya pisah2 biar mudah dimengerti. makasih sarannya :)

gan,, kalo udah buat from biodata lalu keluar seperti ini "data tersimpan, klik Disini untuk
melihat" lalu saat data tidak diisi semua akan keluar seperi ini "data harus diisi".
itu scriptnya gmana gan??? thanks

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

13 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

cara load query supaya tidak lemot gimana mas... dengna pdo saya select from kok luama
proses nya ?
www.sayfudinblogz.blogspot.com

Bro tolong,, ane punya masalah sama bagian


index.php
foreach ($dbh->query($sql) as $data) :
di web saya tertulis
( Warning: Invalid argument supplied for foreach() in C:\xampp\htdocs\biodata\index.php on
line 40 ) tolong pencerahannya bro
di tunnggu secepatnya

SQLnya salah kayaknya bro

soalnya bro ane tambahin 1 table lagi,


kalo dari contoh ente kan, cuma 6 apakah ada msalah juga?
di sql, dan di sqlnya juga pun sudah ane tambah 'tambelyangditambah'
gmn kalo begitu?

coba dulu querynya di phpMyAdmin, kalo udah bener baru pasang di code-nya

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

14 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

be a programmer

saya sudah coba, tpi data list nya gk kesimpan gan, gak ada pesan eror nya, tpi data yang
uda di simpan tidak muncul di tabel index nya, gimana ya gan

ada yg salah gan sama query insertnya, silakan cek kembali, coba dulu di phpmyadmin
querynya.

mas mau tanya, gmana ya caranya update data tapi tipenya file,,,

tipe file gimana maksudnya?

Mantaps

ini sangat bergunaa ... makasihhhh ..


klo ada tambahkan tutorial lainnya

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

15 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

ada pesan error seperti ini mas---> Parse error: parse error in C:\xampp\htdocs\biodata
\index.php on line 31
di line 31 saya tulis endforeach; (mengikut di tutorial)
kira2 masalahnya dimana ya? mohon bantu saya mas

scriptnya gimana? taruh di pastebin.com ya

terima kasih gan sangat berguna maen lah http://kurangajar.96.lt/

gan itu ane mw tny pas ke nmr 2 gmn yaa kl bsa di ksh gambar ny biar lbh jelas makasih

oke gan, makasih, langkah nomor 2 udah dikasih gambar kok

Untuk Admin:
ma'af brow....., itu untuk yang di bagian index.php ditempat saya hanya dapat menambahkan
1 data saja, selanjutnya tidak bisa

Pusing gan

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

16 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

Tanya Kak Koq Sy Gak Bisa Simpan Data Yg Saya Input, Ditabel biodata tiak ada dan di
Admin php db tabel biodata ya juga tidak ada..padahal conct phpnya saya download dari kaka
hehehe

Kemudian Kalau Sya Harus Login Kemana Login nya Ka... Hehehe...Terimakasih..

omm mau nanya.,.


menggunakan syntax apa jika kita ingin memasukan proses validasi di dalam program yang
kita buat,.,.?

hallo mas, mau tanya pas masuk php myadmin itu ada login dulu ya, user name sama
passwordnya apa ya?

@Dian: defaultnya username : root, password: kosong (tanpa password)


@heru: validasi di php bisa menggunakan syntax if, sedangkan jika validasi dgn javascript
bisa baca artikel ini : http://sekedar-tutorial.blogspot.com/2013/04/membuat-validasi-inputform-sederhana.html

gan semisal udah jadi programnya ,, tpi slah satunya itu ngk masuk trus gmna gan ,,
tolong pencerahanya ???

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

17 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

mas Fatchul, mungkin ada kesalahan query. coba letakkan var_dump dg parameter sql insert
agan. contoh:
$sql = "INSERT INTO blabla .....";
var_dump($sql);exit;
lalu query yg dihasilkan var_dump tadi dicoba di phpmyadmin

mas saya kok ada error


Parse error: syntax error, unexpected T_VARIABLE in /home/u532347675/public_html
/simpan.php on line 5
ini tabel saya :
http://pastebin.com/SAuAsRq6
koneknsi.php:
http://pastebin.com/6xLmKit9
dan ini simpan.php:
http://pastebin.com/L3XFLZvF#
mohon banget bantuannya mas...terimakasih :))

mas/mbak paperline saya cek kok gak ada erronya yah? apa saya yang udah ngantuk?

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

18 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

punyaa erorr truss

permisi mas/mr/om/pak-lek....
numpang nanya... kalo misalkan menghapus inputan yng tlh di input tapi tidak menghapus
langsung k database nya gimana yaaaa??? saya bikin private message nih,,... tolong d
cerahin donk... makasi ... :)

di databasenya kasih field misalnya 'deleted' yg isinya true atau false. nah pas mau ditampilin
query-nya kasih 'where deleted = false' sehingga yg deleted-nya true gk tampil :)

mas saya mau tanya..


Itu file connect.php kalau dijadikan seperti koneksi biasa apakah bisa??

koneksi biasa gimana maksudnya? yg pake mysql_connect gitu ta?


perlu diketahui bahwa program ini menggunakan PDO mas karena fungsi2 mysql_connect,
mysql_query dan kawan2nya sudah deprecated di PHP versi terbaru.

napa ga konsisten amat ada yang get ada yang post

he he, get dan post itu pemakaiannya kondisional tergantung kebutuhan. post biasanya

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

19 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

Cara membuat agar tabelnya ada fasilitas filter gmn ya mas

Coding tidak ada yg salah


Hanya saja yg bikin blog ini LUPA atau SENGAJA
menyalah kan pada file "biodata" yg seharusnya bernama "connect.php"
cobain aja pasti 100% bisa

punten om, bisa jelasin untuk " new PDO" dan (PDOException $e) pada file connect saya
masih belum mengerti.

try {
$dbh = new PDO($dsn, $user, $pass);
} catch (PDOException $e) {
echo "Koneksi ke database gagal: ".$e->getMessage();
}
itu namanya exception handling om, kurang lebih artinya gini :
jika proses : $dbh = new PDO($dsn, $user, $pass); gagal maka akan ditampilkan pesan
"Koneksi ke database gagal: karena sesuatu"

thanks

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

20 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

$dbh itu dapet dari connect.php, kan file connect.php udah di include di atas?

Terimakasih........ Postingan anda sangat membantu........

pengen vidio nya dong kaka:)

keren...its working...!!! makasih banyak atas tutorialnya, ijin modif saus kodenya ya gan.
Salam blogger indonesia. gak ada adsensenya ya..??? klo ada saya ikhlas klik. Sukses
selalu. :-).

ijin praktek om admin,terimakasih banyak....

Comment should not be empty

Beri komentar sebagai:

Publikasikan

15/04/2015 11:13

Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD...

21 of 21

HOME

PEMROGRAMAN

INTERNET

http://sekedar-tutorial.blogspot.com/2013/09/cara-membuat-input-vie...

MADURA

TIPS TRIK

LINUX UBUNTU

DOWNLOAD

Buat sebuah Link

15/04/2015 11:13

Anda mungkin juga menyukai