Selasa, 15 Oktober 2019

Praktikum 27-28 : Read dan Create Data

Assalamu'alaikum warrahmatullahi wabarakatuh

Bertemu lagi dengan postingan mingguan bucin Wonjin ini yang tak jauh dari tugas dan pemrograman web. Hamster lagi galau nih gara-gara banyak fanwar sama masalah Sulli :(

Heup, berhenti bahas war karena disini adalah lapak nugas. Tapi, kalau kalian mau bahas war sama aku boleh banget, hayu mutualan di Twitter, hehe.

Jadi, back to the topic, kali ini tuh sesuai judul, aku bakal bahas soal read dan create data. Hm? Asing banget ya? Dimana tuh bikinnya?

Pengunjung setia blog Hamster, pernah denger database ga? Pasti pernah lah ya kalau kalian sudah cukup lama berkecimpung di dunia coding ini. Nah, sekarang kita bakal belajar bikin database nya ini nih, guys.

Sebelumnya, kita udah pernah install XAMPP untuk menjalankan program PHP kita kan. Lalu masih ingat juga kan cara kita untuk menjalankan program tersebut adalah dengan mengetikkan alamat file di address bar pada Google Chrome atau browser apapun yang kamu pakai. Nah, cara kita untuk membuka dan membuat database pun seperti itu teman-teman, bagaimana sih caranya?

Begini nih, teman-teman tinggal mengetikkan localhost/phpmyadmin pada adress bar, sebelum itu, jangan lupa nyalakan XAMPP nya ya!

Nah, setelah kita membuka itu, kita akan disambut tampilan seperti ini nih.


Untuk membuat sebuah database (basis data) kita bisa mengklik Basis Data atau Baru.


Disitu kita isi nama database lalu klik Buat.


Setelah itu kita membuat kolom dan menentukan tipe serta panjang datanya dan menentukan primary key dari tabel tersebut.

Misal nih, untuk tugas kali ini, Hamster disuruh untuk membuat lima kolom seperti berikut.

nis int(10)
nama_lengkap varchar(100)
jenis_kelamin char(1)
kelas varchar(10)
jurusan varchar(50)

Setelah itu kita dapat mengisi tabel sesuai yang kita inginkan (minimal 3 data deh).

Dannnnn setelah ini kita beralih ke pemrogramannya nih teman, huhu pusing banget.

Sebelum itu, Hamster minta kalian untuk membuat struktur folder terlebih dahulu. Struktur folder dibuat agar memudahkan kita memisahkan file-file yang berhubungan dengan web kita. Simpan file yang berhubungan dengan library pembantu pada folder lib. Simpan file yang berhubungan dengan program inti pada folder root. Simpan file yang berhubungan dengan tampilan pada folder views. Simpan file yang berhubungan dengan asset (images, css, js, dsb) pada folder assets.

Buat file library.php dan simpan pada folder lib. Buat isinya sebagai berikut, nama database disesuaikan dengan nama database yang kalian buat ya teman-teman.


session_start digunakan untuk menciptakan session, session digunakan untuk menyimpan data atau state pada server.

Konfigurasi awal untuk koneksi ke database.

  • Host adalah host database Anda.
  • User adalah username database Anda. Default nya root.
  • Pass adalah password database Anda. Default nya kosong.
  • DB adalah database yang sudah Anda buat.
Sedangkan mysqli_connect adalah perintah untuk melakukan koneksi ke database dengan konfigurasi yang sudah kita atur sebelumnya.

Setelah itu, buat file v_index.php disimpan pada folder views dan buat tabel sebagai berikut.



Untuk HTML kalian tambahkan sendiri ya hehe, diatas cuma bagian tabelnya saja.

Lalu buat file index.php diluar semua folder diatas dan isinya sebagai berikut.



Setelah itu tambahkan query pada file index.php sebagai berikut.


$sql adalah variable untuk menyimpan query Anda. Query yang dibuat harus mengikuti kaidah penulisan SQL. Query yang ditulis dapat dalam bentuk apapun (WHERE, JOIN, GROUP, ORDER, dsb) sesuai dengan kebutuhan Anda.

Pada baris berikutnya melakukan query ke database. Variabel $mysqli didapat dari library.

Selanjutnya bukalah file v_index.php dan tambahkan berikut ini.


fetch_array() digunakan untuk mendapatkan data dalam bentuk array kemudian dilakukan iterasi sejumlah data yang ada dari hasil query.

$siswa['nis'] digunakan untuk mendapatkan data NIS pada tabel. Nama array asosiatif yang dipanggil harus sesuai dengan nama field/kolom pada tabel yang Anda buat.

Cobalah Run di browser dan lihat sendiri bagaimana hasilnya, hehe <3

Selanjutnya kita akan beralih pada create data alias membuat data nih.

Pertama, buka file v_index.php lalu tambahkan sebagai berikut.


Digunakan untuk membuat link yang mengarah ke file tambah.php

Buat file v_tambah.php pada folder views dan berikut isinya.


Buat juga file tambah.php di luar semua folder yang isinya sebagai berikut.


Coba Run di Browser dan klik Tambah Data untuk melihat seperti apa outputnya.


Klik Tambah Data.



Setelah itu buka lagi file tambah.php dan tambahkan sebagai berikut.


if $_SERVER['REQUEST_METHOD'] == 'POST' digunakan untuk memeriksa apakah ada request dalam bentuk POST yang dikirim ke halaman ini (halaman tambah.php)

$nis = $_POST['nis'] digunakan untuk mengambil data dalam bentuk POST dari form.

$sql digunakan untuk membuat SQL string untuk memasukkan data ke tabel siswa.

Bentuk umum dari query insert adalah
INSERT INTO nama_tabel (FIELD1, FIELD2, FIELD3, ...)
VALUES ('VALUE1', 'VA;UE2', 'VALUE3', ...)

$mysqli->query digunakan untuk melakukan query ke SQL. Apabila error maka akan muncul pesan error nya.

header digunakan untuk mengarahkan (redirect) halaman ke index.php

Selanjutnya ada studi kasus, yaitu menambahkan kolom alamat, golongan darah dan nama ibu kandung, berikut codingnya.

Pada file v_index.php



Pada v_tambah.php



Pada tambah.php


Sedangkan pada file index.php nya sama saja seperti diatas.

Untuk output, Hamster gabisa upload nih. Soalnya output nya ga keluar, Hamster gatau letak kesalahan codingan Hamster ada dimana, temen-temen ada yang mau bantuin ga nih? Di kolom komentar aja yuk kalau mau, Hamster tunggu <3

Jadi, sekian aja deh untuk postingan kali ini. Iyaaa postingan kali ini beda, Hamster gabungin dua materi dalam satu postingan aja soalnya masih berkesinambungan nih.

Terimakasih bagi yang sudah berkunjung ke blog akuuuu. ILY 3000 deh hehe.

Wassalamu'alaikum warrahmatullahi wabarakatuh.




Tidak ada komentar:

Posting Komentar