Cara menghubungkan database ke html

Lanjut ke konten

Salam kode terbuka,

Galau karena pengen gabungin HTML, PHP dan database agar web menjadi lebih dinamis. oke di sini saya akan menuliskan caranya, apabila ada yang kurang benar mohon di koreksi. πŸ˜€ berikut langkah-langkahnya :

1. Buat file baru dengan ekstensi .PHP

2. Isikan kode HTML pada file yang telah dibuat. contoh kita buat form daftar profil baru

3. Setelah Coding HTML selesai tambahkan script PHP berikut dibawah scrip HTML

Cara menghubungkan database ke html

===

Keterangan :

>>include = samakan dengan nama file koneksi databasenya

>>setalah itu sesuaikan nama database nya yang terdapat tanda petiknya

>>pada variabel simpan, script yang digunakan untuk menyimpan data ke database

===

4. Buat file baru untuk koneksi database dengan ekstensi .PHP. (sebelumnya anda harus membuat database terlebih dahulu. baca tutorial berikut) πŸ˜€

Cara menghubungkan database ke html

5. Buat file yang berisikan tabel untuk menampilkan data yang telah kita isikan pada form yang telah dibuat. berikut adalah script untuk membuat tabel

Cara menghubungkan database ke html

===

Keterangan : untuk angka yang didalam kurung isikan sesuai dengan nomor urut yang ada dalam database. contoh kode nomor 1 maka isikan angka 0 karena kita menggunakan struktur data array.

Cara menghubungkan database ke html

===

Jangan lupa untuk menambahkan script berikut ini diatas script tabel yang dibuat agar dapat mengambil data ke database.

Cara menghubungkan database ke html

6. Siap untuk di uji coba. Semoga behasil. πŸ˜€

Salam kode terbuka.

HTML adalah bahasa markup, pada dasarnya mereka adalah sekumpulan tag seperti &<html>, <body>, yang digunakan untuk mempresentasikan sebuah situs web menggunakan [tag:css], dan [tag:javascript] secara keseluruhan. Semua ini, terjadi di sistem klien atau pengguna yang akan menjelajahi situs web.

Sekarang, Menghubungkan ke database, terjadi di seluruh level lain. Ini terjadi di server, yang merupakan tempat situs web di-host.

Jadi, untuk terhubung ke database dan melakukan berbagai tindakan terkait data, Anda harus menggunakan skrip sisi server, seperti [tag:php], [tag:jsp], [tag:asp.net] dll.

Sekarang, mari kita lihat cuplikan koneksi menggunakan MYSQLi Extension dari PHP

Kode baris tunggal ini, sudah cukup untuk memulai, Anda dapat mencampur kode tersebut, dikombinasikan dengan tag HTML untuk membuat halaman HTML, yang menampilkan halaman berbasis data. Sebagai contoh:

Untuk memasukkan data baru ke dalam database, Anda dapat menggunakan phpMyAdmin atau menulis query INSERT dan mengeksekusinya.

Di artikel sebelumnya, saya sudah membahas bagaimana cara membuat database dan tabel MySQL menggunakan bantuan phpMyAdmin. Dan di artikel yang lalu juga sudah dibahas bagaimana cara membuat form menggunakan HTML.

Sekarang, kita akan membahas bagaimana cara memasukkan data dari form HTML ke database MySQL.

Kita akan menggunakan databse dan tabel yang kita buat di artikel sebelumnya, yaitu database 'latihan_php' dan tabel 'pengunjung'. Silahkan lihat artikel 'Membuat database MySQL dan tabel menggunakan phpMyAdmin', tepat sebelum artikel ini.

Selanjutnya kita buat dulu formnya. Buat sebuah file dengan nama 'insert-db.html'

------------------ mulai kode HTML ------------------

<html><head><title>input data dari form</title></head>
<body>
<form method="post" action="proses_form.php">
<h2>Buku Tamu</h2>
Nama: <input type="text" name="nama" maxlength="20" size="20">
<br>
Alamat: <textarea name="alamat" cols="50" rows="4"></textarea>
<br>
Telepon: <input type="text" name="telepon" maxlength="20" size="20">
<br>
<input type="reset" value="Reset"> |
<input type="submit" value="OK">
</form>

</body></html>

------------------ akhir kode HTML ------------------

Selanjutnya adalah, membuat halaman untuk memproses data nya. Buatlah file dengan nama 'proses_form.php'.

------------------ mulai kode PHP ------------------

<html><head><title>proses data dari form</title></head>
<body>
<h2>proses simpan buku tamu</h2>
<?
///membuat koneksi ke database
$server="localhost"; ///nama server
$username="root"; ///nama username mysql
$password="1234"; ///password, kosongkan jika tidak ada
$database="latihan_php"; ///nama database yang dipilih

mysql_connect($server, $username, $password) or die ("Koneksinya Gagal"); ///koneksi ke database
mysql_select_db($database) or die ("Databasenya Gak Ada"); ///memilih database, dan menampilkan pesan jika gagal
///mengambil data dari form
$nama=$_POST[nama];
$alamat=$_POST[alamat];
$telepon=$_POST[telepon];

///input ke tabel pengunjung
$input=mysql_query("INSERT INTO pengunjung (nama_pengunjung, alamat, telepon) VALUES ('$nama', '$alamat', '$telepon')");
///cek sudah terinput atau belum
if($input) ///jika sukses
{
echo "Buku tamu berhasil disimpan";
}
else ///jika gagal
{
echo "Buku tamu gagal disimpan";
}
?>
| <a href="insert-db.html">OK</a>
</body></html>

------------------ akhir kode HTML ------------------

Nah, selesai. Jangan lupa simpan semua file nya di htdocs. Kalau nggak, tidak akan jalan.

Sekarang coba buka browser dan ketikkan url nya: localhost/insert-db.html

Jika sudah, isikan datanya dengan benar di semua field. Dari nama, alamat dan telepon.

Jika sudah klik 'ok'. Jika berhasil maka akan muncul pesan 'Buku tamu berhasil disimpan'. Dan jika anda melihat ke tabel nya lewat phpMyAdmin, maka anda akan melihat datanya sudah ada dalam tabel.

Cara melihat tabelnya sebagai berikut: ketik 'localhost/phpmyadmin' di browser. Lalu di drop down pilihan database pilih database 'latihan_php'. Akan muncul daftar tabel di bawahnya. Klik nama tabel 'pengunjung'. Lalu pindah ke frame kanan, klik 'Browse'. Dan semua data di tabel 'pengunjung' akan ditampilkan.

Keterangan:

sintaks untuk insert ke tabel adalah:
$nama_variabel=mysql_query(INSERT INTO nama_tabel (kolom_tabel1, kolom_tabel2) VALUES ('$nilai_kolom1', '$nilai_kolom2'));

begini,
+ $nama_variabel: untuk membedakan INSERT yang satu dengan INSERT yang lain, jika ada di satu file.
+ mysql_query: adalah sintaks 'mysql' untuk melakukan 'query'. Bisa INSERT, UPDATE, SELECT, DELETE dsb.
+ INSERT INTO: sintaks mysql untuk menginput ke tabel
+ nama_tabel: jelas, nama tabelnya
+ kolom_tabel1: isikan nama kolom yang ada di tabel
+ VALUES: data yang akan dimasukkan
+ $nilai_kolom1: nilai yang akan diinput.

INGAT! nilai_kolom harus sama posisinya dengan kolom_tabel nya.

Contoh: (nama, alamat, telepon) maka VALUES nya harus ('$nama', '$alamat', '$telepon').
Kalau tidak sama posisinya misal, (nama, alamat, telepon) lalu VALUES nya ('$alamat', '$telepon', '$nama') maka nanti kolom 'nama' diisi nilai 'alamat', kolom 'alamat' diisi 'telepon' dan 'telepon' diisi 'nama'. Dan akhirnya data jadi tidak akurat... Ok?

Oh iya. Pada artikel ini kita belum membuat pencegahan supaya field tidak boleh kosong, telepon harus diisi angka. Jadi kalau anda tekan 'OK' dengan field kosong atau memasukkan huruf di telepon, maka data akan tetap tersimpan di tabel. Bagaimana cara mencegahnya? Sabar ya... Tunggu di artikel selanjutnya...

Bagaimana cara menghubungkan database MySQL dengan php?

Empat langkah menggunakan MySQLi untuk membuat koneksi database PHP ke MySQL: Buka File Manager -> public_html. Buat File Baru dengan mengklik ikon tambah file pada menu di atas layar. Simpan dengan nama databaseconnect.php, atau nama lain yang Anda inginkan, tapi ekstensinya tetap .

Apa yang dimaksud dengan koneksi database?

Database merupakan salah satu bagian inti dari Sistem Informasi yang menyimpan data untuk proses pengolahan nantinya. Agar aplikasi bisa mengakses data dari suatu database engine, maka diperlukan suatu mekanisme koneksi antara aplikasi dan database tersebut.

Langkah utama sebelum membuat database pada localhost?

1. Langkah pertama, masuk ke phpmyadmin di XAMPP. Caranya, ketik di browser dengan alamat URL localhost/phpmyadmin sehingga muncul tampilan seperti berikut ini. 2. Pada menu β€œDatabase”, silahkan masukkan nama database yang diinginkan, kemudian klik β€œCreate”.

Apa itu database pada PHP?

Database adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut.