Just Share in My Blog: Koneksi Database ke Web (Bag. 4) Menambahkan Input dan Tampil Database ke Indeks.php

Kembali Lagi ke Koneksi Database ke Web bag. 4.
Untuk Cara keempat ini adalah menambahkan Menu Input Data dan Menu Menampilkan Data
1. Buka kembali file index.php yang telah anda buat tadi Lalu tambahkan script di bawah ini pada Tabel sebelah kiri
<form name="form1" method="post" action="aksi_input_mhs.php">
<table width="400" border="0" align="center" cellpadding="1" cellspacing="1" bordercolor="#00FF00" bgcolor="#33CC00">
<tr bgcolor="#CCFFCC">
<td height="50" colspan="2"><div align="center">INPUT DATA MAHASISWA </div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="40">NIM </td>
<td>:
<input name="nim" type="text" id="nim"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="40">Nama </td>
<td>:
<input name="nama" type="text" id="nama"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="40">Alamat</td>
<td>:
<input name="alamat" type="text" id="alamat"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="40">Jenis Kelamin </td>
<td>:
<select name="jk" id="jk">
<option value="Laki-Laki" selected>Laki-Laki</option>
<option value="Perempuan">Perempuan</option>
</select></td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
<td height="50"><input type="submit" name="Submit" value="Simpan"></td>
</tr>
</table>
<p> </p>
<table width="700" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#000000" celpading="2" celspacing="1" >
<tr bgcolor="#CCFFFF">
<td width="35"><div align="center"><strong>No</strong></div></td>
<td width="101"><div align="center"><strong>NIM</strong></div></td>
<td width="119"><div align="center"><strong>NAMA</strong></div></td>
<td width="282"><div align="center"><strong>ALAMAT</strong></div></td>
<td width="136"><div align="center"><strong>JENIS KELAMIN</strong></div></td>
</tr>
<?php

include "koneksi.php";

$tampil="SELECT * FROM datamahasiswa";
$qryTampil=mysql_query($tampil);
while ($dataTampil=mysql_fetch_array($qryTampil)) {
$no++
?>

<tr bgcolor="#FFFFFF">
<td><?php echo $no ; ?></td>
<td><?php echo $dataTampil['nim']; ?></td>
<td><?php echo $dataTampil['nm']; ?></td>
<td><?php echo $dataTampil['alamat']; ?></td>
<td><?php echo $dataTampil['jeniskelamin']; ?></td>
</tr>
<?php } ?>
</table>
</form>

2. Sehingga isian file index.php menjadi seperti di bawah ini :

<html>

<head>

<title>Kho-iS Web</title>

<style type="text/css">

<!--

.style1 {font-size: 40px}

.style2 {font-size: 24px}

-->

</style>

</head>

<body>

<table width="900" border="1">

<tr>

<th colspan="5" scope="col"><p align="left" class="style1">Selamat Datang di Kho-iS Blog</p>

<p align="left" class="style1">Fakultas Teknik Prodi Sistem Informasi</p>

<p align="left" class="style1">UNIPDU Jombang </p></th>

</tr>

<tr>

<td width="172"><div align="center">Home</div></td>

<td width="172"><div align="center">Profil</div></td>

<td width="172"><div align="center">Tugas Web </div></td>

<td width="137"><div align="center">Tutorial</div></td>

<td width="213"><div align="center">Kontak Kami </div></td>

</tr>

<tr>

<td colspan="5"><marquee onMouseOver="this.stop()" onMouseOut="this.start()" truespeed="true" scrollamount="1" scrolldelay="40" direction="left">

<strong>..Rahajeng Rawuh Ing Kho-iS Personal Website..</strong>

</marquee></td>

</tr>

<tr>

<td colspan="4">

<form name="form1" method="post" action="aksi_input_mhs.php">

<table width="400" border="0" align="center" cellpadding="1" cellspacing="1" bordercolor="#00FF00" bgcolor="#33CC00">

<tr bgcolor="#CCFFCC">

<td height="50" colspan="2"><div align="center">INPUT DATA MAHASISWA </div></td>

</tr>

<tr bgcolor="#FFFFFF">

<td height="40">NIM </td>

<td>:

<input name="nim" type="text" id="nim"></td>

</tr>

<tr bgcolor="#FFFFFF">

<td height="40">Nama </td>

<td>:

<input name="nama" type="text" id="nama"></td>

</tr>

<tr bgcolor="#FFFFFF">

<td height="40">Alamat</td>

<td>:

<input name="alamat" type="text" id="alamat"></td>

</tr>

<tr bgcolor="#FFFFFF">

<td height="40">Jenis Kelamin </td>

<td>:

<select name="jk" id="jk">

<option value="Laki-Laki" selected>Laki-Laki</option>

<option value="Perempuan">Perempuan</option>

</select></td>

</tr>

<tr bgcolor="#FFFFFF">

<td> </td>

<td height="50"><input type="submit" name="Submit" value="Simpan"></td>

</tr>

</table>

<p> </p>

<table width="700" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#000000" celpading="2" celspacing="1" >

<tr bgcolor="#CCFFFF">

<td width="35"><div align="center"><strong>No</strong></div></td>

<td width="101"><div align="center"><strong>NIM</strong></div></td>

<td width="119"><div align="center"><strong>NAMA</strong></div></td>

<td width="282"><div align="center"><strong>ALAMAT</strong></div></td>

<td width="136"><div align="center"><strong>JENIS KELAMIN</strong></div></td>

</tr>

<?php

include "koneksi.php";

$tampil="SELECT * FROM datamahasiswa";

$qryTampil=mysql_query($tampil);

while ($dataTampil=mysql_fetch_array($qryTampil)) {

$no++

<tr bgcolor="#FFFFFF">

<td><?php echo $no ; ?></td>

<td><?php echo $dataTampil['nim']; ?></td>

<td><?php echo $dataTampil['nm']; ?></td>

<td><?php echo $dataTampil['alamat']; ?></td>

<td><?php echo $dataTampil['jeniskelamin']; ?></td>

</tr>

<?php } ?>

</table>

</form>

</td>

<td> <p class="style3 style2">Link Sponsor : </p>

<p align="right"><a href="http://www.unipdu.ac.id/" target="_blank">UNIPDU Jombang</a></span></span></span></li></div>

<p align="right"><a href="http://www.digilib.unipdu.ac.id/" target="_blank">Perpustakaan UNIPDU</a></li></p>

<p align="right"><a href="http://www.journal.unipdu.ac.id/" target="_blank">Journal Online UNIPDU</a></li></p>

<p align="right"><a href="http://www.fai.unipdu.ac.id/" target="_blank">Fakultas Agama Islam</a></li></p>

<p align="right"><a href="http://www.fbs.unipdu.ac.id/" target="_blank">Fakultas Bahasa dan Sastra</a></p>

<p align="right"><a href="http://www.fia.unipdu.ac.id/" target="_blank">Fakultas Ilmu Administasi</a></p>

<p align="right"><a href="http://www.ft.unipdu.ac.id/" target="_blank">Fakultas TEKNIK</a></p>

<p align="right"><a href="http://www.mipa.unipdu.ac.id/" target="_blank">Fakultas MIPA</a></p>

<p align="right"><a href="http://www.fik.unipdu.ac.id/" target="_blank">Fakultas Ilmu Kesehatan</a></p>

</td>

</tr>

<tr>

<td colspan="5"><marquee onMouseOver="this.stop()" onMouseOut="this.start()" truespeed="true" scrollamount="1" scrolldelay="40" direction="left">

<strong>Copyright © 2013 Khoirul Islam All rights reserved. Supported</a> by <a href="http://www.unipdu.ac.id/" target="_blank" title="Universitas Pesantren Tinggi Darul 'Ulum Jombang">Unipdu Jombang</a> and <a href="http://staff.unipdu.ac.id/nufan/" target="_blank">Mr. Nufan </a></strong>

</marquee></td>

</tr>

</table>

</body>

</html>

3. Jalankan Localhostnya di Web Browser

4. Selesai Juga menampilkan Input dan Tampilan Database dan Sekarang Tinggal Membuat Action Simpannya

5. Buat File berekstensi .php baru dengan nama "aksi_input_mhs.php" lalu simpan 1 folder dengan file lainnya
6. Lalu isi File .php tsb dengan isian di bawah ini
<?php
// Koneksi
include "koneksi.php";

//Pengecekan dengan IF untuk data yang kosong
if (empty($_POST['nim']) ||empty($_POST['nama']) || empty($_POST['alamat']) || empty($_POST['jk'])) {
echo '<script language="javascript">
alert("Data Harus Diisi Semua");
window.location="index.php";
</script>';
exit();
}
else {
//Query Insert data
$simpan="INSERT INTO datamahasiswa SET
nim='$_POST[nim]',
nm='$_POST[nama]',
alamat='$_POST[alamat]',
jeniskelamin='$_POST[jk]'";
mysql_query($simpan);
echo '<script language="javascript">
alert("Data Berhasil Disimpan");
window.location="index.php";
</script>';
exit();
}
?>

7. Selesai deh Program yang Kita buat nanti, kalo untuk Download File Full Version Silahkan PM ane atau SMS atau Hubungi ane
Yang Terakhir Salam Open Source

Tutorial Bagian 1 | Bagian 2 | Bagian 3 | Bagian 4 | Bagian 5 | Bagian 6

Minggu, 09 Juni 2013

Koneksi Database ke Web (Bag. 4) Menambahkan Input dan Tampil Database ke Indeks.php

Baca Juga

Tidak ada komentar:

Posting Komentar

Follow My Twitter