LATAR BELAKANG
Hypertext processor atau sering disingkat dengan PHP yaitu bahasa pemrograman yang digunakan secara luas untuk penganan pembuatan dan pengemmbangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. pada awalnya PHP adalah singkatan dari "personal home page tools" selanjutnya diganti menjadi FI(forms interpreter).
cara menampilkan data dari database ke halaman web menggunakan php mysql:
2. buka browser, lalu buka alamat localhost/phpmyadmin kemudian enter.
3. kemudian buatlah database sesuai yang kita inginkan, disini saya membuat database data_mahasiswa_ti_db. dan didalam penulisan database tidak menggunaka spasi agar tidak terjadi kesalahan dalam pemanggilan nama database pada saat membuat script php. setelah membuat database kemudian klik create.
4. pada create table dibagian name tulis nama tabel, saya membuat tabel ta 2014 (tahun angkatan 2014) dan pada kolom saya membuat 5 kolom (npm, nama mahasiswa, jenis kelamin, agama, alamat). klik GO.
- type INT adalah untuk data yang akan diinput berupa bilangan bulat.
- type VARCHAR adalah untuk data yang akan diinput berupa karakter (huruf).
- length/values adalah untuk jumlaah batasan karakter yang akan diinput.
- untuk npm pada indexnya dibuat menjadi PRIMARY karena npm merupakan karakter unik (berbeda dengan data yang lain). dan pada A_I (auto increment) dicentang. gunanya untuk mengurutkan data yang akan dimsukkan.
5. buat tabel baru dengan meng-klik new pada database yang kita buat tadi. langkah-langkahnya sama dengan cara di atas. jika sudah selesai tampilannya akan seperti ini:
6. buka folder dimana tempat aplikasi xamp diinstal. pada xamp buka file htdocs, kemudian buat folder sesuai database yang kita buat tadi.
buka aplikasi sublime text. lalu buat script seperti dibawah ini:
a. script index_ta_2014
save pada folder database (data_mahasiswa_ti_db) yang kita buat.
b. script input_ta_2015
<style>
#input_form{
background:#transparent;
border:1px solid #ccc;
margin:auto;
width:510px;
padding:6px;
border-radius:3px;
border-bottom:4px solid #444;
}
.texbox{
height:30px;
border:1px solid #ccc;
}
</style>
<script type="text/javascript">
function HanyaAngka(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}
</script>
<html>
<head>
<title>DATA MAHASISWA TI</title>
</head>
<body><center>
<div id="input_form">
<h1><font color="blue">FORM DATA MAHASISWA</font></h1>
<menu>
<a href="index.php">ta_2014</a>
<a href="input_ta_2015.php">ta_2015</a>
</menu>
<form action="insert_ta_2015.php" method="POST">
<table>
<tr>
<td>NPM :</td>
<td><input type="int" name="npm" id="NPM" class="texbox"
size="25px" placeholder="Masukkan npm" required ></td>
</tr>
<tr>
<td>Nama :</td>
<td><input type="text" name="nama_mhs" id="NAMA" class="texbox"
size="25px" placeholder="Masukkan Nama" required></td>
</tr>
<tr>
<td>Jenis kelamin :</td>
<td colspan="3"><input type="radio" name="jk" value=Laki-Laki</th>Laki-Laki
<input type="radio" name="jk" value=Perempuan</th>Perempuan
</tr>
<tr>
<td>agama :</td>
<td><input type="text" name="agama" id="agama" size="30px"
placeholder="masukkan agama" required ></td>
<tr>
<td>Alamat :</td>
<td><textarea cols="45" rows="7" name="alamat" class="texarea" id="Alamat"
size="15px" placeholder="Masukkan Alamat" required></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="simpan" value="SIMPAN"><input
type="reset" name="reset" value="BATAL"></td>
</tr>
</table>
</form>
</div>
</body>
</html>
klik save.
c. script insert_ta_2014
d. script insert_ta_2015
e. script koneksi
7. setelah membuat script kemudian kembali ke browser ketik alamat localhost/data_mahasiswa_ti_db, enter.
tampilannya seperti dibawah ini:
terima kasih.
Tidak ada komentar:
Posting Komentar