Program Hapus Dan Ubah Menampilkan Data Siswa
Pada bagian ini Anda akan dibimbing untuk membuat program yang dapat menampilkan semua data dari tabel siswa. Pada program yang akan dibuat sekaligus akan digunakan untuk membuat program ubah dan hapus data. Jadi, pada halaman tampil data ini akan dijadikan sebagai
halaman utama dari program ubah dan hap us data.
Untuk membuat program manajemen data siswa (tampil, ubah dah hapus
data), langkahnya adalah Anda harus membuat halaman utama
pengelolaan data siswa. Didalam halaman utama tersebut akan kita buat
dua tombol, yaitu Hapus dan tombol Ubah. Untuk lebi h jelasnya,
ikutilah beberapa langkah berikut
1. Buatlah kembali dokumen baru dengan jenis halaman PHP, yaitu
melalui menu File, pilih menu New, kemudian pada halaman New
Pagesdapat memilih tombol Dynamic Pages dan PHP. Kemudian
simpanlah dokumen tersebut dengan nama SiswaTampil.php .
2. Pada halaman desain (dari menu View Design), buatlah objek
Tabel ( ) kedalam halaman kerja. Tabel dibuat dengan banyak
baris=3 dan kolom=4, berikut contoh desainnya:
3. Pada desain tabel diatas dibuat dengan lebar border bernilai 1 dan
lebar tabel adalah 500px. Berikut adalah hasil tabel yang telah
dibuat:
4. Sekarang poleslah tabel yang ada pada dokumen kerja, tambahkan
keterangan untuk judul da n teks Hapus dan Ubah yang nantinya
akan dijadikan sebagai tombol. Berikut adalah contoh desain tabel:
5. Setelah tabel selesai didesain dengan keterangan dan judul, maka
sekarang Kita akan melanjutkan proses dengan menuliskan kode
program PHP didalam halaman kode.
6. Masuklah pada halaman kode, kemudian yang perlu diperhatikan
adalah pada tags diatas baris ketiga dan diakhir baris ketiga.
Mulailah dengan menuliskan kode PHP pembuka dan penutup,
Anda dapat melihat penggambarannya pada gambar berikut:
7. Kita hanya akan menggunakan baris kedua sebagai penampil data
dari tabel siswa, satu baris tersebut akan ditampilkan berulang sesuai
dengan jumlah data yang ada. Berikut adalah contohnya:
8. Setelah memasukan ke -3 bagian kode program diatas, maka pada
halaman Desain, Anda akan menemui dua simbol kode PHP ( )
dibawah kolom NIS dan NAMA.
9. Sekarang Kita akan membuat teks Hapus menjadi tombol. Untuk
membuatnya, dari halaman desain Anda dapat memblok teks
bertuliskan Hapusyang posisinya berada pada baris ketiga.
10. Kemudian, setelah teks Hapus diblok, tuliskan alamat hiperling
(hyperlink) dari jendela Properties yang ada pada bagian bawah
Dreamweaver MX. Alamat lengkap hiperling (hyperlink) yang
dimasukan adalah “ SiswaHps.php?nishapus=<?php echo
"$hasil[nis]"; ?> ”, dan pilihlah kolom targ et dengan nilai _self.
Lihatlah contohnya pada gambar:
11. Teks Hapus juga akan Kita gunakan sebagai tombol, untuk itu Anda
dapat memblok, kemudian tuliskan alamat hiperlingnya dengan data
lengkap “ FmSiswaEd.php?nisu bah=<?php echo "$hasil[nis]";?>”, dan pilihlah kolom target dengan nilai _self. Lihatlah
contohnya pada gambar:
12. Setelah kedua teks selesai disetting pada alamat hiperlingnya, maka
kedua teks tersebut sekarang men jadi tombol Hapus dan Ubah.
Berikut bentuk perubahannya pada halaman kerja.
13. Sampai saat ini semua langkah telah Anda kerjakan dengan benar,
maka proses membuat program penampil telah selesai, dan sekarang
Anda dapat mencoba untuk menjalankannya.
14. Sedangkan bagi Anda yang tidak berkenan dengan langkah -langkah
manual diatas, Anda dapat langsung masuk pada halaman kode,
kemudian menuliskan skrip lengkap file program SiswaTampil.php
seperti listing berikut:
::::::::::::<html>
<head>
<title>Tampil data Siswa </title>
</head>
<body>
<table width="500" border="1">
<tr>
<td colspan="4" bgcolor="#00CCFF">
<strong>Daftar Data Siswa [ Utama untuk EDIT
-HAPUS ]
</strong></td>
</tr>
<tr>
<td width="74"><strong>NIS</strong></td>
<td width="244"><strong>NAMA</strong></td>
<td width="77"
align="center"><strong>HAPUS</strong></td>
<td width="77"
align="center"><strong>UBAH</strong></td>
</tr>
<?php
include_once "inc.koneksi.php";
$sql="SELECT * FROM siswa";
$query=mysql_query($sql,$konek)
or die ("gagal
menampilkan".mysql_error());
while($hasil=mysql_fetch_array($query)) {
?>
<tr>
40
<td> <?php echo "$hasil[nis]"; ?> </td>
<td> <?php echo "$hasil[nama]"; ?> </td>
<td align="center">
<a href="SiswaHps.php?nishapus=<?php echo
"$hasil[nis]"; ?>"
target="_self">Hapus</a> </td>
<td align="center">
<a href="FmSiswaEd.php?nisubah=<?php echo
"$hasil[nis]"; ?>"
target="_self">Ubah</a> </td>
</tr>
<?
}
?>
</table>
</body>
</html>
:::::::::::::::
Sehingga apabila dijalankan, maka program akan menampilkan hasil
seperti gambar berikut:
Gambar diatas adala h hasil program SiswaTampil.php dalam
menampilkan semua data yang ada didalam tabel siswa. Karena pada
bagian awal Kita hanya menampilkan dua kolom (nis, nama), maka pada
hasil Kita juga hanya mendapatkan dua informasi data.
oke gan mungkin sampai disini aja penjelasannya tentang Program Hapus Dan Ubah Menampilkan Data Siswa untuk krtik dan saran tinggalkan komentar dibawah
halaman utama dari program ubah dan hap us data.
Untuk membuat program manajemen data siswa (tampil, ubah dah hapus
data), langkahnya adalah Anda harus membuat halaman utama
pengelolaan data siswa. Didalam halaman utama tersebut akan kita buat
dua tombol, yaitu Hapus dan tombol Ubah. Untuk lebi h jelasnya,
ikutilah beberapa langkah berikut
1. Buatlah kembali dokumen baru dengan jenis halaman PHP, yaitu
melalui menu File, pilih menu New, kemudian pada halaman New
Pagesdapat memilih tombol Dynamic Pages dan PHP. Kemudian
simpanlah dokumen tersebut dengan nama SiswaTampil.php .
2. Pada halaman desain (dari menu View Design), buatlah objek
Tabel ( ) kedalam halaman kerja. Tabel dibuat dengan banyak
baris=3 dan kolom=4, berikut contoh desainnya:
3. Pada desain tabel diatas dibuat dengan lebar border bernilai 1 dan
lebar tabel adalah 500px. Berikut adalah hasil tabel yang telah
dibuat:
4. Sekarang poleslah tabel yang ada pada dokumen kerja, tambahkan
keterangan untuk judul da n teks Hapus dan Ubah yang nantinya
akan dijadikan sebagai tombol. Berikut adalah contoh desain tabel:
5. Setelah tabel selesai didesain dengan keterangan dan judul, maka
sekarang Kita akan melanjutkan proses dengan menuliskan kode
program PHP didalam halaman kode.
6. Masuklah pada halaman kode, kemudian yang perlu diperhatikan
adalah pada tags diatas baris ketiga dan diakhir baris ketiga.
Mulailah dengan menuliskan kode PHP pembuka dan penutup,
Anda dapat melihat penggambarannya pada gambar berikut:
7. Kita hanya akan menggunakan baris kedua sebagai penampil data
dari tabel siswa, satu baris tersebut akan ditampilkan berulang sesuai
dengan jumlah data yang ada. Berikut adalah contohnya:
8. Setelah memasukan ke -3 bagian kode program diatas, maka pada
halaman Desain, Anda akan menemui dua simbol kode PHP ( )
dibawah kolom NIS dan NAMA.
9. Sekarang Kita akan membuat teks Hapus menjadi tombol. Untuk
membuatnya, dari halaman desain Anda dapat memblok teks
bertuliskan Hapusyang posisinya berada pada baris ketiga.
10. Kemudian, setelah teks Hapus diblok, tuliskan alamat hiperling
(hyperlink) dari jendela Properties yang ada pada bagian bawah
Dreamweaver MX. Alamat lengkap hiperling (hyperlink) yang
dimasukan adalah “ SiswaHps.php?nishapus=<?php echo
"$hasil[nis]"; ?> ”, dan pilihlah kolom targ et dengan nilai _self.
Lihatlah contohnya pada gambar:
11. Teks Hapus juga akan Kita gunakan sebagai tombol, untuk itu Anda
dapat memblok, kemudian tuliskan alamat hiperlingnya dengan data
lengkap “ FmSiswaEd.php?nisu bah=<?php echo "$hasil[nis]";?>”, dan pilihlah kolom target dengan nilai _self. Lihatlah
contohnya pada gambar:
12. Setelah kedua teks selesai disetting pada alamat hiperlingnya, maka
kedua teks tersebut sekarang men jadi tombol Hapus dan Ubah.
Berikut bentuk perubahannya pada halaman kerja.
13. Sampai saat ini semua langkah telah Anda kerjakan dengan benar,
maka proses membuat program penampil telah selesai, dan sekarang
Anda dapat mencoba untuk menjalankannya.
14. Sedangkan bagi Anda yang tidak berkenan dengan langkah -langkah
manual diatas, Anda dapat langsung masuk pada halaman kode,
kemudian menuliskan skrip lengkap file program SiswaTampil.php
seperti listing berikut:
::::::::::::<html>
<head>
<title>Tampil data Siswa </title>
</head>
<body>
<table width="500" border="1">
<tr>
<td colspan="4" bgcolor="#00CCFF">
<strong>Daftar Data Siswa [ Utama untuk EDIT
-HAPUS ]
</strong></td>
</tr>
<tr>
<td width="74"><strong>NIS</strong></td>
<td width="244"><strong>NAMA</strong></td>
<td width="77"
align="center"><strong>HAPUS</strong></td>
<td width="77"
align="center"><strong>UBAH</strong></td>
</tr>
<?php
include_once "inc.koneksi.php";
$sql="SELECT * FROM siswa";
$query=mysql_query($sql,$konek)
or die ("gagal
menampilkan".mysql_error());
while($hasil=mysql_fetch_array($query)) {
?>
<tr>
40
<td> <?php echo "$hasil[nis]"; ?> </td>
<td> <?php echo "$hasil[nama]"; ?> </td>
<td align="center">
<a href="SiswaHps.php?nishapus=<?php echo
"$hasil[nis]"; ?>"
target="_self">Hapus</a> </td>
<td align="center">
<a href="FmSiswaEd.php?nisubah=<?php echo
"$hasil[nis]"; ?>"
target="_self">Ubah</a> </td>
</tr>
<?
}
?>
</table>
</body>
</html>
:::::::::::::::
Sehingga apabila dijalankan, maka program akan menampilkan hasil
seperti gambar berikut:
Gambar diatas adala h hasil program SiswaTampil.php dalam
menampilkan semua data yang ada didalam tabel siswa. Karena pada
bagian awal Kita hanya menampilkan dua kolom (nis, nama), maka pada
hasil Kita juga hanya mendapatkan dua informasi data.
oke gan mungkin sampai disini aja penjelasannya tentang Program Hapus Dan Ubah Menampilkan Data Siswa untuk krtik dan saran tinggalkan komentar dibawah
0 Response to "Program Hapus Dan Ubah Menampilkan Data Siswa "
Post a Comment