Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD... _http://sekedar-tutorial. blogspot.com/2013/09/cara-membuat-input-vie, HOME PEMROGRAMAN INTERNET = MADURA = TIPS TRIK LINUX UBUNTU DownLoaD —- Q werigetia! Gata iistaiaas AACE SheRat Latta SUUBIE es (EP karena di artikel ini hanya fokus pada masalah Dh membuat aplikasi input, view, update dan delete dat. berbasis web dengan menggunakan PHP dan MySQL Mysars Sumber: itp/twarungkopiorg B. Let's Rock, Ayo Mainkan! 1. Pertama, buka XAMPP yang sudah kita instal lalu kita klik tombol start di sebelah Apache dan tombol star! di sebelah MySQL sampai muncul tanda running. kemudian kita buka browser kesayangan kita baik itu Mozilla Firefox, Google Chrome atau lainnya, lalu arahkan ke alamat http://localhost/phpmyadmin, sampai disini kita telah berada di halaman PHPMyAdrmin ayAdimin Bownews (BSOL @semue usen Sper_ Ringer sting Bt agosgs a sma a ——— Same asters BOP woos espa Boeck Pines ceeeal fe Bk Pee rv Boras fetenane sha | pene Paes ‘nen Borris a ‘Berets 2, Buatlah sebuah database sesuai keinginan kita misalnya kita beri nama ‘biodata’ (tanpa tanda petik). Setelah itu, kita buat table baru yang kita beri nama ‘tabel_biodata’ misalnya. contoh SQLnya seperti berikut, ini: CREATE TABLE TF NOT EXISTS ~tabel_biodata” ( "id" int(11) NOT NULL AUTO_INCREMENT, Snana* varchar(5@) NOT NULL, Jenis_kelanin® enum(’Laki-Laki',"Perempuan’) NOT NULL, Salanat™ varchar(10@) NOT NULL, ‘no_hp” varchar(12) NOT NULL, PRIMARY KEY (“id”) 3 2of 21 15/04/2015 11:13Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD. 3 of 21 http://sekedar-tutorial blogspot,com/2013/09/cara-membuat-input-vie, HOME PEMROGRAMAN INTERNET MADURA = ‘TIPSTRIK LINUX UBUNTU DOWNLOAD = Q a w28:hkay = Sone yas aga Ran ay ot 3, buat sebuah folder di folder C:\xampp\htdocs\ misalnya kita beri nama ‘biodata’, Kemudian buka text ‘editor kesayangan kita baik itu Notepad++, Adobe Dreamweaver, Geany, Gedit atau yang lainnya. Sekarang kita buat file untuk koneksi ke database mysql, Ketikkan raantra-rnanitea code program berikut ini (Jangan di copy-paste loch) talu ki getMessage(); i ita simpan dengan nama 'connect.php’ di dalam folder ‘C:\xampp\htdocs\biodata’ 4, Selanjutnya kita buat fle baru untuk input data, ketikkan cade program berikut ini: chi align="center">Input Biodata

Form Input Biodata

Nama Lengkap

Nomor Handphone ide" Laki-leki id="perenpuan 15/04/2015 11:13Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD... _http://sekedar-tutorial. blogspot.com/2013/09/cara-membuat-input-vie, $of21 HOME 35 36 7 38 39 PEMROGRAMAN INTERNET MADURA = ‘TIPSTRIK LINUX UBUNTU DOWNLOAD = Q

« Tabel Biodatac/a> kita simpan dengan nama ‘input php’ lalu coba kita akses di alamat ‘http://localhost/biodata/input.php’. Tap ini masih belum bisa menyimpan data, agar data kita bisa tersimpan kita lanjut ke langkah berikutnya Input Biodata Form Input Biodata Nama Lengkap Jenis Kelamin LakiLaki OPerempuan Alamat Lengkap Nomor Handphone. ‘Simpan| Resse exec ($sql); y header("location: index.php"); talu kita simpan dengan nama 'simpan.php’. Lalu bagaimana untuk menampilkan datanya? lanjut ke langkat berikutnya 6, Setelah diinput, kita akan melihat data kita dalam bentuk tabel. code program untuk menampilkan datanya seperti berikut ini wevauaune tbody > tr:nth-child(2ne1) > td, tbody > tr:nth-child(2ne1) > th { background-color: #ededed; y tablet width: 70%; 15/04/2015 11:13Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD... _http://sekedar-tutorial. blogspot.com/2013/09/cara-membuat-input-vie, HOME PEMROGRAMAN INTERNET = MADURA = TIPS TRIK LINUX UBUNTU DownLoaD —- Q chi align="center*»Tavel Biodatac/ni> Input Biodata >» query($sq1) as $data) : >

Nanac/th>	Jenis Kelamin	Alamat
					‘edit php?id=">edit php echo $data[‘id"] ?: return con

lalu simpan dengan nama ‘index.php’ agar jika kita buka alamat ‘http://iocalhost/biodata’ langsung tampil tabel datanya, Tabel Biodata my rc? Input Riodata > 50 Andi sholihin Lal _ ic Pamtekasan Madura |081234567890 |edit _hapus 2 Adinda Septiyana Py ‘Sampang Madura _|081987654321 |edit _hapus Mohammad ‘Bangkalan Madura _|081234567888 |edit _hapus tte 7, Selanjutnya kita akan membuat fle agar data kita yang sudah masuk ke database bisa di edit lagl. Serikut ini code programnya: Sof 21 15/04/2015 11:13Cara Membuat Input, View, Update, Delete Data (CRUD) dengan PD... _http://sekedar-tutorial. blogspot.com/2013/09/cara-membuat-input-vie, HOME PEMROGRAMAN INTERNET MADURA = ‘TIPSTRIK LINUX UBUNTU DOWNLOAD = Q echo "ID tidak tersedia! <2 href=" index.php’ »Kembalic/a>"; exit()s if ($data === false) ( echo “Data tidak ditemukan! > chi align="center" »Edit Biodatac/hi>

Denis Kelamin

Nomor Handphone ‘text" name="no_hp" required value=" submit" value="Simpan" /> reset" value="Reset" onclici return confirm(*hapus data ya

« Tebel Biodatac/a> talu kita simpan dengan nama ‘edit. php’. 6 of 21 15/04/2015 11:13