JOBSHEET Koneksi PHP&MySQL Bagian 4.pdf
4
[email protected] JOBSHEET Koneksi PHP dan MySQL (Bagian 4) Mata Pelajaran Web Programming Kelas XII RPL Sub Materi: 1. Perintah koneksi antara basisdata dan php 2. Perintah SQL memasukkan data yang ada dalam sebuah tabel ke tabel lain Persiapan : 1. Persiapkan XAMPP dan pastikan bahwa Apache berjalan. 2. Persiapkan dreamweaver 3. Persiapkan Web browser 4. Folder yang digunakan masih menggunakan folder xampp/htdocs/belajar_koneksi Langkah Praktikum: A. Membuat File untuk memasukkan data ke dalam tabel peminjaman (pinjam.php) 1. Buka dreamweaver > php dan buat seperti di bawah 2. Kode HTML semua tidak perlu dihapus! Tapi di bawah kode <body>, ketikkan: 3. Buat tampilan disain dreamweaver seperti di bawah: Buka kembali Jobsheet 1 untuk mengetahui langkah membuat tampilan di atas! 4. Ganti Action form dengan tambahpinjam.php
-
Upload
ardisaputra -
Category
Documents
-
view
247 -
download
8
description
LAT4
Transcript of JOBSHEET Koneksi PHP&MySQL Bagian 4.pdf
JOBSHEET Koneksi PHP dan MySQL (Bagian 4)
Mata Pelajaran Web Programming
Kelas XII RPL
Sub Materi:
1. Perintah koneksi antara basisdata dan php
2. Perintah SQL memasukkan data yang ada dalam sebuah tabel ke tabel lain
Persiapan :
1. Persiapkan XAMPP dan pastikan bahwa Apache berjalan.
2. Persiapkan dreamweaver
3. Persiapkan Web browser
4. Folder yang digunakan masih menggunakan folder
xampp/htdocs/belajar_koneksi
Langkah Praktikum:
A. Membuat File untuk memasukkan data ke dalam tabel peminjaman (pinjam.php)
1. Buka dreamweaver > php dan buat seperti di bawah
2. Kode HTML semua tidak perlu dihapus! Tapi di bawah kode <body>, ketikkan:
3. Buat tampilan disain dreamweaver seperti di bawah:
Buka kembali Jobsheet 1 untuk mengetahui langkah membuat tampilan di
atas!
4. Ganti Action form dengan tambahpinjam.php
5. Klik List Menu Judul Buku, kemudian ganti name= No_Buku
6. Di antara <select Dame=No_Buku> dan </select> ketikkan :
7. Klik List Menu NIS, kemudian ganti name=NIS
8. Di antara <select Dame=NIS> dan </select>ketikkan :
9. Klik inputan yang ada di pinggir Tanggal Pinjam, kemudian ganti dan tambahkan
kodenya menjadi:
10. Klik inputan yang ada di pinggir Tanggal Wajib Dikembalikan, kemudian ganti
dan tambahkan kodenya menjadi:
11. Simpan dengan nama pinjam.php
B. Membuat fileaksi menambahkan data ke dalam tabel peminjaman
12. Buka dreamweaver
13. Pilih php
14. Hapus semua kode HTML dan ketikkan kode php di bawah ini:
15. Simpan dengan nama tambahpinjam.php
Catatan:
Perintah Header di atas berguna untuk masuk ke halaman secara otomatis. Contoh
Location:pinjam.php maka setelah perintah delete maka akan secara otomatis masuk ke
halaman pinjam .php
Coba jika dihapus header(“location:tampilsiswa.php”), maka setelah perintah
memasukkan data peminjaman, dia akan tetap berada di file tambahpinjam.php
(tampilan kosong)
C. Mengubah halaman index.php
16. Buka file Index.php
17. Klik Kanan di sel Tambah Buku
18. Pilih Table Insert Column
19. Ketikkan Peminjaman pada sel tersebut, kemudi tambahkan link dengan cara:
20. Blok tulisan Peminjaman
21. Pada properties bagian bawah pilih Link, klik pilih pinjam.php
22. Atau langsung ketikkan pinjam.php
23. Hasilnya:
24. Maka ada link tambahan dalam file index.php
