Relasi Data PHP MySql

Postingan kali ini saya akan membahas bagaimana melakukan relasi dengan pada database.

1.Pastikan xampp sudah start anda seperti gambar

2. Setelah itu buka web browser yang anda gunakan, kemudian ketikkan alamat “Localhost/phpmyadmin” seperti di gambar dan klik databases seperti digambar

3. Buat database dengan nama ”db_mhs” dan klik create
4. Setelah berhasil nama databases yang kita buat tadi akan terliat di bawah dan klik nama database tadi untuk membuat tabel

5. Kemudian kita buat table dengan nama “mhs” jumlah colomnnya “3” seperti digambar

6. Isi data table yang dibuat dengan data berikut

7. Setelah selesai klik save dibagian paling bawah

8. Kemudian kita buat table lagi dengan nama “mkul” colomnnya “3”

9. Isi data table tersebut dengan data berikut

10. Dan kemudian klik save di bagian paling bawah 

11. Setelah itu kita buat table dengan nama”nilai” colomnnya “5” seperti digambar

12. Isi data table tersebut seperti digambar

13. Pastikan Id_nilai menjadi primary key dan auto_increment seperti berikut

14. Kemudian klik save

15. Klik table mkul 

16. Klik insert untuk mengisi table dan isi data seperti di gambar dan klik go

17. Dan hasilnya akan seperti ini

18.Ulangi langkah yang sama tetapi dengan data yang berbeda seperti di gambar berikut




19. Setelah selesai pilih table mkul
 

20. Data isi dari table mkul

* Sekarang masuk di bagian kode, disini saya menggunakan dreamweaver, tetapi boleh juga menggunakan notepad,notepad++, dll

21. Buka dreamweaver yang digunakan, setelah terbuka pilih “php” seperti digambar

22. Salin kode di gambar berikut ini setelah selesai semua kodenya maka hasil dari kode tadi akan tampak seperti gambar di sisi kanan


23. Kemudian save file tersebut dengan nama ”form.php” dan di letakkan dalam folder xampp di lockdisk c seperti digambar
*Didalam folder htdocs buat folder dengan nama az dan didalam folder az buat folder dengan nama tugas2 dan kita simpan difolder tersebut

24. Kemudian buat lembar kerja baru di file dan pilih new di menu bagian atas dreamwaever dan ketikkan kode berikut serta hasilnya akan tampak seperti sisi kanan , save file yang ini dengan nama “index.php” 

25. Kemudian buat lembar kerja baru dan ketikkan kode berikut serta hasilnya akan tampak seperti sisi kanan , jangan lupa save file yang ini dengan nama “tambah.php”
26. Kemudian buat lagi lembar kerja baru dan ketikkan kode berikut serta hasilnya akan tampak seperti sisi kanan , jangan lupa save file yang ini dengan nama “tampil.php”


27. Dan hasil dari code akan seperti ini

28. Setelah selesai buka kembali web browser anda kan ketik url seperti digambar dan hasilnya akan tampil seperti nomor 2

29. Klik tugas2 pada gambar diatas dan hasilnya akan seperti berikut

30. Setelah itu pilih tambah nilai seperti yang tertera pada gambar di atas dan hasilnya akan seperti gambar


31. Isikan form seperti gambar di atas, kemuadian klik simpan dan hasilnya akan seperti berikut

32. Dan klik tampilkan table dan relasi dari 3 table dalam databases tadi pun akan terlihat seperti di gambar

Sekian Postingan kali ini semoga membantu dan bermanfaat untuk para pembaca


Dosen Pengampu : M.Ropianto, S.Kom., M.Kom