Dosen: Reksa Anugerah, M.Kom
Dosen: Reksa Anugerah, M.Kom
PHP &
MYSQL
Dosen : Reksa Anugerah, M.Kom
Materi Pembahasan
- PHP Dasar - Menu dengan Combo box
1. Membuat Form Pendaftaran Sederhana - Input Radio Button
2. Membuat Form Pembayaran Sederhana - Input Text Area
- PHP & MySQL menggunakan Macromedia - View Data
Dreamweaver 8
- Input Gambar
- Membuat Database
- Input Data melalui Form ke dalam database
- Tampilan Macromedia Dreamweaver 8
- Pencarian Data
- Membuat File Baru
- Edit & Delete Data
- Membuat Form
- Login Multiuser
- Input Text Field
- Input Combo
PHP Dasar
Struktur penulisan program PHP: Contoh 1:
<html> <html>
<body> <body>
<?php <?php
?> $string_ku = "Hello.. Nama saya: ";
</body> $bilangan_ku = 4;
</html> $huruf_ku = "a";
echo $string_ku;
echo $bilangan_ku;
echo $huruf_ku;
?>
</body>
</html>
Cara Pembuatan :
■ Buat folder terlebih dahulu pada Drive C://xampp//htdocs//(new folder)
■ Buka Xampp Control Panel dari Start pilih Xampp
■ Pada Xampp klik Start Apache & MySQL, seperti pada gambar dibawah ini:
<html> <html>
<body> <body>
PEMBAYARAN <?php
<form action="hasil3.php"method="post"> $vjumlah = $_POST['jml'];
<pre> $vharga= $_POST['hrg'];
Jumlah: <input type="text"name="jml"> $vbayar= $vjumlah * $vharga ;
Harga: <input type="text"name="hrg">
<input type="submit"value="HITUNG"> echo"Jumlah = $vjumlah<br>";
</pre> echo"Harga = $vharga<br>";
</form> echo"Bayar = $vbayar<br>";
</body> ?>
</html> </body>
</html>
Simpan pada folder dengan namalat3.php
Simpan pada folder dengan nama hasil3.php
PHP & MYSQL
MENGGUNAKAN MACROMEDIA DREAMWEAVER 8
■ Membuat Database
Pada pembahasan sebelumnya dalam membuat program belum masuk kedalam penyimpanan database.
Sebelum mendesain form pada Macromedia Dreamweaver sebaiknya persiapkan Database terlebih
dahulu. Langkah-langkah :
1. Klik start Apache dan MySQL pada Xampp
2. Jalankan browser seperti contoh Mozilla Firefox
3. Ketikan localhost/phpmyadminpada address
4. Klik Databases
5. Create database, contoh dengan nama “dblatihan”, Lalu Klik Create
6. Selesai
1. Membuat Tabel pada Database
Setelah database dibuat, Lalu kita buat tabel dalam database tersebut.Langkah-langkah :
1. Klik nama database yang telah dibuat
2. a. Ketikkan nama table pada kolom name, contoh “tblatihan”
b. Masukkan banyaknya field dalam tabel yang akan dibuat pada Number Of Columns setelah itu
Klik GO
3. a. Isikan nama field pada kolom Name
b. Isikan type data masing-masing ada di kolom Type
c. Masukkan panjang karakter atau nilai dari field tersebut pada kolom Length/Values
d. Lalu Klik SAVE
Tampilan Macromedia Dreamweaver 8
Setelah membuat database lalu kita mulai mendesain form.Untuk memulai menggunakan dari start
pilihMacromedia Dreamweaver akan tampil seperti gambar dibawah ini:
Membuat File Baru
Untuk membuat dokumen baru klik Create New PHP, maka tampilan akan seperti ini:
Membuat Form
Untuk membuat form klik Insert Form pilih Form,seperti gambar berikut:
Input Text Field
■ Untuk dapat menginput Text Field pada form, maka klik insert Form pilih Text Field, seperti pada
gambar berikut :
Input Combo
Untuk dapat menginput combo box pada form, maka klik insert Form pilih List/Menu, seperti pada
gambar berikut :
Membuat pilihan menu dalam ComboBox
Untuk dapat membuat pilihan menu pada ComboBox:
1. Klik ComboBox yang ada dalam Form
2. Lalu akan muncul List Values pada bagian Properties, Klik List Values (+) untuk menambah pilihan
menu dan (-) untuk mengurangi pilihan menu
3. Kolom Item Label dalam List Values untuk menampilan nama pilihan menu dalam Form
4. Kolom Value dalam List Values untuk menampilan nama pilihan menu dalam Database
5. Setelah selesai klik OK
Catatan :
■ Untuk menampilkan tombol Button dalam Form, Klik Insert Form pilih Button
Latihan
Langkah – langkah :
■ Buat table baru pada dblatihan, contoh dengan nama tblatihan3
■ Kode, varchar = 10
■ Nama , varchar = 30
Klik Insert
Lalumasukkan :
■ Kode = S01
■ Nama = Boneka A
■ Klik GO
Buka macromedia dreamweaver, file new PHP, lalu
ketikkan code berikut dan save dengan nama
viewdata.php :
<html> <?php
<body> While($row=mysql_fetch_array ($qry))
<?php {
$conn = mysql_connect (localhost","root","")or die ("koneksi echo"<tr>";
gagal");
echo"<td>".$row["kode"]."</td>";
mysql_select_db ("dblatihan",$conn);
echo"<td>".$row["nama"]."</td>";
$strSQL = "select * from tblatihan3";
$qry = mysql_query ($strSQL,$conn)or die ("query salah") ;
echo"</tr>";
?>
}
<table border= "2">
?>
<tr>
</table>
<td>kode </td>
</body>
<td>nama </td>
</html>
Input gambar langsung pada database
Karena sudah tersedia tblatihan3, maka selanjutnya tinggal tambahkan saja satu kolom setelah nama,
dengan cara :
- Klik Structure
2. Form beri action hasilinput.php dan nama tiap field yang ada pada form disesuaikan
3. Buat table baru di dalam database yang telah ada, contoh : dblatihan
■ Simpan nama table dengan nama tbinput:
■ nim, int = 20
■ nama, varchar = 30
■ mk, varchar = 30
■ nilai, varchar = 20
Buka macromedia dreamweaver, file new PHP, lalu ketikkan
code berikutdan save dengan nama hasilinput.php :
<html> $qry = mysql_query ($strSQL,$conn)or die ("query
salah") ;
<body>
?>
<?php
Data sudah di input
$vnim = $_POST['txtnim'];
</body>
$vnama = $_POST['txtnama'];
</html>
$vmk = $_POST['txtmk'];
$vnilai = $_POST['txtnilai'];
Jalankan pada web browser dan ketikkan pada
address localhost/namafolder/input.php
$conn = mysql_connect ("localhost","root","")or die Selesai
("koneksi gagal");
mysql_select_db ("dblatihan",$conn);
$strSQL = "insert into tbinput(nim,nama,mk,nilai)
values ('$vnim', '$vnama','$vmk', '$vnilai')";
Pencarian data
■ Langkah-langkah :
■ Buat sebuah form seperti pada gambar dan beri action hasilcari.php