Membuat Form Input dan Output Sederhana dengan PHP dan MySql berbasis OOP
Kali ini saya akan coba berbagi sedikit pengetahuan saya buat
temen-temen yang lagi belajar programming, postingan kali ini agak mirip
dengan postingan sebelumnya yang bahas tentang
Cara Membuat Form Pendaftaran Anggota Dengan PHP & MySql,
sebenarnya logika programnya sama, cuman struktur kodenya beda, kali
ini kita akan buat dengan yang sudah berbasis OOP (Object Oriented
Programming). Untk mempersingkat waktu kita langsung ketopik yah, simak
langkah-langkah berikut.
Pertama Kita harus buat databasenya dulu, pada postingan kali ini databasenya saya kasi nama "dtms", selanjutnya kita buat tabel didalam database "dtmhs" tadi, untuk penamaan tabel kali ini saya kasi nama "mhs"kalian
bisa saja pake nama yang lain, tapi kalo ngga pengen bingung
gonta-ganti kode koneksinya saya sarankan mengikuti nama yang ini.
 |
| Struktur tabel |
Langkah selanjtnya membuat file inputnya untuk design input yang saya buat kali ini bisa dilihat dari screenshoot dibawah ini.
 |
| Form Input |
Untuk membuat design seperti diatas silahkan copy dan simpan script dibawah ini dengan nama
"inputmhs.php", oiya pada form input kali ini beda dengan yang sebelumnya, karena pada postingan ini form yang saya gunakan sudah menggunakan
HTML5, jadi dengan
HTML5 form kita tidak butuh javascript validation, soalnya form dengan
HTML5 ini sudah mempunyai validasi sendiri, kemudian simpan dalam satu folder.
inputmhs.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
<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>
<div id="input_form">
<h3 align="center">INPUT DATA MAHASISWA</h3>
<form action="simpan_mhs.php" method="POST">
<table>
<tr><td>Nim :</td><td><input type="text" name="nim" id="nim" class="texbox" size="25px" placeholder="Masukkan Nim" required="required" ></td></tr>
<tr><td>Nama :</td><td><input type="text" name="nama" id="nama" class="texbox" size="25px" placeholder="Masukkan Nama" required="required"></td></tr>
<tr><td>Alamat :</td><td><textarea cols="45" rows="7" name="alamat" class="texarea" id="alamat" size="15px" placeholder="Masukkan Alamat" required="required"></textarea></td></tr>
<tr><td>Telepon :</td><td><input type="text" name="notelp" id="telp" class="texbox" size="25px" placeholder="No Telepon" required="required" maxlength="12" onKeyPress="return HanyaAngka(event)"></td></tr>
<tr><td>Jenis Kelamin :<td colspan="2"><input type="radio" name="jekel" id="jekel" class="" value="pria" required="required">Pria <input type="radio" name="jekel" value="wanita">Wanita</td></tr>
<tr><td>Agama :<td><select placeholder="Pilih Agama" name="agama" id="agama">
<option selected="selected">--PILIH AGAMA--</option>
<option value="kristen">KRISTEN</option>
<option value="islam">ISLAM</option>
<option value="hindu">HINDU</option>
<option value="buddha">BUDDHA</option>
<option value="konghucu">KONGHUCU</option>
</td></tr></select>
<tr><td colspan="2"><input type="submit" name="simpan" value="SIMPAN"><input type="reset" name="reset" value="BATAL"></td></tr>
</table>
</form>
</div>
|
Kemudian kita buat file koneksinya, file ini nanti fungsinya untuk
menghubungkan ke database yang sudah dibuat, silah copy script dibawah
ini dengan nama "
koneksi.php" dan simpan satu folder dengan file sebelumnya.
koneksi.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<?php
error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
class database {
private $host="localhost";
private $user="root";
private $pswd="";
private $db="dtmhs";
var $koneksi;
function koneksiMysql()
{
$this->koneksi=@mysql_connect($this->host, $this->user, $this->pswd);
mysql_select_db($this->db) or die ("Database Tidak Ditemukan");
}
}
?>
|
Selanjutnya kita harus buat prosesnya, karena kali ini bahsanya sudah
berbasis OOP disini kita akan menggunakan fungsi class, dimana nanti
semua proses akan diarahkan ke file ini, mulai dari input, edit, delete
dan sebagainya, kelebihan menggunakan class adalah pada tahap
pengembangannya nanti, selain struktur kodenya lebih rapi ini juga akan
memudahkan programmer lain untuk mengcustom script sesuai kebutuhan jika
nanti mengerjakan project besar. Silahkan copy dan simpan script
dibawah dalam satu folder dengan file sebelumnya, simpan dengan nama
"cMhs.php", perhatikan hurup besar kecilnya, jangan dibedakan karena itu
sangat sensitif.
cMhs.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
<?php
require("koneksi.php");
class mahasiswa{
private $koneksi,$nim,$nama,$alamat,$notelp,$jekel,$agama;
private $insert, $update;
public function getNim()
{
return $this->nim;
}
public function setNim($nim)
{
$this->nim=$nim;
}
public function getNama()
{
return $this->nama;
}
public function setNama($nama)
{
$this->nama=$nama;
}
public function getAlamat()
{
return $this->alamat;
}
public function setAlamat($alamat)
{
$this->alamat=$alamat;
}
public function getNotelp()
{
return $this->notelp;
}
public function setNotelp($notelp)
{
$this->notelp=$notelp;
}
public function getJekel()
{
return $this->jekel;
}
public function setJekel($jekel)
{
$this->jekel=$jekel;
}
public function getAgama()
{
return $this->agama;
}
public function setAgama($agama)
{
$this->agama=$agama;
}
public function getTampil()
{
$sql="SELECT * FROM mhs order by nim asc";
$koneksi=new database();
$koneksi->koneksiMysql();
$query=mysql_query($sql) or die("koneksi gagal");
return $query;
}
public function getInsert(){
$insert=false;
$sql="INSERT into mhs values('".$this->getNim()."', '".$this->getNama()."', '".$this->getAlamat()."', '".$this->getNotelp()."', '".$this->getJekel()."', '".$this->getAgama()."')";
$koneksi=new database();
$koneksi->koneksiMysql();
$query=mysql_query($sql) or die("Koneksi Gagal");
if ($query){
$insert=true;
}
return $insert;
}
}
?>
|
Kemudian kita membuat file actionnya, filenya ini nanti fungsinya
sebagai action dari form input yang kita buat tadi, copy script ini
simpan dengan nama "simpan_mhs.php" dan simpan dalam folder yang sama.
simpan_mhs.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
<?php
require("cMhs.php");
$nim=$_POST['nim'];
$nama=$_POST['nama'];
$alamat=$_POST['alamat'];
$notelp=$_POST['notelp'];
$jekel=$_POST['jekel'];
$agama=$_POST['agama'];
$mhs=new mahasiswa();
$mhs->setNim($nim);
$mhs->setNama($nama);
$mhs->setAlamat($alamat);
$mhs->setNotelp($notelp);
$mhs->setJekel($jekel);
$mhs->setAgama($agama);
$hasil=$mhs->getInsert();
if($hasil){
echo'<script>alert("DATA TERASIMPAN");
document.location="tampil.php";</script>';
}
else{
echo'<script>alert("GAGAL");
document.location="inputmhs.php";</script>';
}
?>
|
Langkah terakhir adalah membuat file output atau tampilannya, untuk file
opuput kali ini saya design sederhana saja seperti screenshoot dibawah
ini.
 |
Output
|
Silahkan copy script dibawah ini dan simpan dengan nama "tampil.php" dan simpan dalam folder yang sama dengan file yang lain.
tampil.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
<style>
#anggota{
background:#transparent;
border:1px solid #ccc;
margin:auto;
width:610px;
padding:4px;
border-radius:3px;
}
.tabel{
border:1px solid #ccc;
}
#tr{
border:1px solid #ccc;
background:#444;
color:fff;
padding:12px;
text-align:center;
}
</style>
<div id="anggota">
<p align="center">»DAFTAR NAMA MAHASISWA«</p>
<?php
error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
require("cMhs.php");
echo"<table border='1px'>";
echo"<tr id='tr'>";
echo"<td>Nim</td>";
echo"<td>Nama</td>";
echo"<td>Alamat</td>";
echo"<td>Nomor Telepon</td>";
echo"<td>Jenis Kelamin</td>";
echo"<td>Agama</td>";
echo"<td colspan='2'>Aksi</td>";
echo"</tr>";
$mhs=new mahasiswa;
$tampil=$mhs->getTampil();
while ($row = mysql_fetch_array($tampil))
{
echo "<tr>";
echo"<td>".$row['nim']."</td>";
echo"<td>".$row['nama']."</td>";
echo"<td>".$row['alamat']."</td>";
echo"<td>".$row['notelp']."</td>";
echo"<td>".$row['jekel']."</td>";
echo"<td>".$row['agama']."</td>";
?>
<td><a href="edit.php?nim=<?php echo $row['nim'];?>"' >EDIT</a></td>
<td><a href="hapus.php?nim=<?php echo $row['nim'];?>" onclick="return confirm ('Sure to Delete?')" " >HAPUS</a></td>
<?php
echo"</tr>";
}
echo"</table>";
?>
<center><a href="inputmhs.php">Form Input</a></center>
</div>
|
Untuk pross edit dan hapusnya silahkan lihat di postingan ini
Function Edit dan Delete dengan PHP dan MySql berbasis OOP ,
semoga postingan ini berguna buat temen sekalian yang baru belajar
programming, khususnya php atau temen yang kebetulan dapat tugas kuliah
seperti ini.
