UTS WEB

1. MEMBUAT FORM DENGAN KONEKSI DATABASE

Elemen form atau juga bias dibilang formulir adalah HTML yang berguna untuk mengatasi ada dipergunakan untuk entri suatu data seperti kalau seseorang sedang melakukan pengisian di dalam sebuah formulir.

komponen disebut  dengan pasangan tag <form> … </form>. Di dalam form ini dapat kita letakkan bebagai komponen seperti radio buton, text file atau combo box dll.Penggalan kode berikut menunjukkan contoh penggunaan pasangan tag <form> … </form>:

<form action=”info.htm” method=”post”

id=”form-data” name=”form-data”>

…….

</form>

Maksud Penjelasan atribut pada tag <form>

 Atribut name adalah nama formulir

 Atribut ID adalah formulir

 Atribut action adalah URL yang mau diproses oleh formulir saat tombol submit

diklik

 Atribut method menyatakan metode yang dipergunakan mengirimkan formulir.

Metode yang sering biasa digunakan adalah “POST” maupun“GET”.

Berikut adalah merupakan contoh pemakaian formulir yang dipergunakan untuk meng input kan data mahasiswa.contoh  penggunaan formulir dengan menyimpan dalam file latian.php

HASIL OUTPUT :

Kita buat lagi dengan nama latian2.php

2. Perbedaan metode POST dan GET

Atribut Salah satu yang digunakan dalam pembuatan form adalah method. Atribut method bisa diberi oleh nilai dengan GET atau POST. Fungsi GET digunakan untuk take data atau mengambil sebuah data dan Fungsi POST adalah untuk send atau mengkirimkan data ke ke server.

Contoh penggunaan POST.

Berilah nama file login.php

 

Output nya :

Kita membuat file yang baru dengan nama view.php

Jalankan file lagi  login.php, kemudian isi text field yang tersedia kemudian submit.

Perhatikanlah hasil yang ditampilkan pada URL seperti berikut.

kita sudah tau bagaimana membuat form untuk memasukan data atau menginputkan data  akan tetapi data tersebut belum dikoneksi ke database dan saya akan mengkoneksikan form inputan data mahasiswa dengan php myAdmin dan pada belajar kali ini form select(list atau menu) pada file latian.php akan dirubah menjadi textfield.

1.     Kita buat dahulu sebuah database dengan nama data.

 

2.     Membuat file konfigurasi, Kita terlebih dahulu membuat koneksi ke database .simpan dengan nama config.php

<?php
$host = 'localhost';
//berisi username untuk login ke host
$user = 'root';
$pass = '';
//berisi nama database sesuai database yang telah dibuat
$dbname = 'data';
//untuk mengubung ke host
$connect = mysql_connect($host, $user, $pass) or die(mysql_error());
//untuk memilih database yang akan digunakan
$dbselect = mysql_select_db($dbname);
?>

3.     Form Input Data

Perhatikan kode program di atas, merupakan coding latihan.php yang telah dimodifikasi.

action="insert.php" meupakan sebuah file yang telah digunakan untuk proses data yang akan dimasukkan melalui form tersebut.

4. 4.    Menyimpan Data

Ketik coding dibawah

Beri nama insert.php

Fungsi include()

Berguna untuk mengikutsertakan file lain dalam sebuah file ini.kita telah membuat file config.php yang didalamnya berisi sebuah konfigurasi berguna menghubungkan ke server maka dari itu jika kita membutuhkan untuk menghubungkan ke database kita hanya cukup memanggil config.php

$_POST['name']  

Berguna memdapatkan value yang telah dikirim dari form.agar mendapatkan data,Gunakan  nama yang sama dengan nama di formnya agar kita mendapatkan data dan Fungsi mysql_query() berguna untuk menjalankan script SQL untuk menambah data kita ke database

Ketikkan coding dibawah ini pada file latihan.php setelah </form> guna menampilkan pesan berhasil setelah menampilkan data.

Coba jalankan dan isikan form dan klik simpan,jika anda menuliskan coding benar dan melihat pesan “Berhasil menambah Data” maka akan berhasil

 

5.     5.Tampilkan Data

Jika sukses dalam penyimpanan data ke database maka selanjutnya akan menampilkan data data yang sudah telah kita simpan.

Ketik coding berikut dan beri nama view.php

 

Setelah itu tambah kode berikut pada file latihan.php setelah </form> sebelum </body>.

Jika sudah silahkan coba check ,jika tampilan seperti dibawah ini maka kita telah telah berhasil dalam menampilkan data .

6.   6.  Edit Data

Data yang kita masukan di form bias saja mengalami kesalahan saat kita memasukan data maka dari itu data yang telah kita simpan harus bias diubah agar kesalahan dapat diperbaiki.form untuk merubah atau mengedit data sama dengan form untuk menambah atau menginputkan data.akan tetapi pada form merubah data atau edit data,form tersebut haus menampilkan data yang akan dirubah.Selanjutnya kita buat file baru dengan nama edit.php, kemudian copy semua kode yag ada pada latian.php ke file edit.php berikutnya harus menambah beberapa kode agar form edit dapat menampilkan data yabg akan diedit kode untuk file php jadi seperti dibawah ini

Selanjutnya ubah link view.php menjadi seperti :

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

Buat query SQL lagi agar dapat meng-update database dengan data yang baru. Buat file baru dengan nama update.php .ketik kode dibawah ini

Selanjutnya tambah baris kode berikut pada file view.php setelah <h1></h1>

<?php

if (!empty($_GET['message']) && $_GET['message'] == 'success') {

echo '<h3>Berhasil meng-update data!</h3>';

}

?>

Selanjutnya kita coba jalankan ,jika berhasil akan muncul data yg tadinya di edit.

7.     7.Mendelete data

Setelah berhasil menambah dan merubah data kita akan buat bagaimana menghapus data.buat file yang baru dengan nama delete.php

Ketik kode dibawah ini

Kemudian tambahkan coding pada link dalam file view.php

Setelah semua selesai mari kita jalankan dari awal program mulai hapus data dan cek pada database apa data yang diproses telah benar .

‘