Membuat Form inputan sederhana dengan PHP dan MySQL


berikut osting sederhana mengenai bagaimana menginputkan data ke database dengan form dari PHP. berikut screenshotnya:
input data

berikut step by stepnya:
1. buat database dengan nama db_inputan di PhpMyAdmin dengan query berikut:

CREATE TABLE IF NOT EXISTS `profile` (

`no_profil` int(3) NOT NULL AUTO_INCREMENT,

`nama` varchar(100) DEFAULT NULL,

`alamat` varchar(100) DEFAULT NULL,

`jenis_kelamin` varchar(10) DEFAULT NULL,

`no_hp` varchar(12) DEFAULT NULL,

PRIMARY KEY (`no_profil`)

) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=11 ;

2. buat file connectionnya untuk menghubungkan PHP dan MySQL. berikan nama connection.php
berikut scriptnya:

<?php$server = “localhost”;
$username = “root”;
$password = “”;
$database = “db_inputan”;
mysql_connect($server,$username,$password) or die(“Koneksi gagal”);mysql_select_db($database) or die(“Database tidak bisa dibuka”);?>

3. buat form untuk menampilkan hasil inputan dan juga form pengisiannya, kebetulan saya jadkan satu. buat dengan nama index.php
berikut scriptnya:

<?php

include(“connection.php”);

echo “<center><u><b>PROFILE MAHASISWA</b></u></center><br>”;

echo “<table border=’0′ align=’center’>”;

echo “<tr><td>”;

echo “<center><u><b>TABEL MAHASISWA</b></u></center>”;

echo “<table border=’1′ cellpadding=’0′ cellspacing=’0′>”;

echo “<tr><th>NO</th><th>NAMA</th><th>ALAMAT</th><th>JENIS KELAMIN</th><th>NO. HP</th></tr>”;

$sql=mysql_query(“select * from profile”);

$no=1;

while($row=mysql_fetch_array($sql)){

echo “<tr ><td style=’padding:5px;’>$no</td><td style=’padding:5px;’>$row[1]</td>

<td style=’padding:5px;’>$row[2]</td><td style=’padding:5px;’>$row[3]</td><td style=’padding:5px;’>$row[4]</td></tr>”;

$no++;

}

echo “</table>”;

echo “</td><td valign=’top’>”;

echo “<center><u><b>INPUT MAHASISWA</b></u></center>”;

echo ”

<table border=’0′>

<form action=’input.php’ method=’POST’>

<tr><td>NAMA</td><td><input type=’text’ name=’nama’ ></td></tr>

<tr><td>ALAMAT</td><td><input type=’text’ name=’alamat’ ></td></tr>

<tr><td>JENIS KELAMIN</td><td><input type=’radio’ name=’jk’ value=’LAKI-LAKI’>Laki-Laki <input type=’radio’ name=’jk’ value=’PEREMPUAN’>Perempuan</td></tr>

<tr><td>NO. HP</td><td><input type=’text’ name=’nope’ ></td></tr>

<tr><td></td><td><input type=’submit’ name=’submit’ value=’Input’ > <input type=’reset’ name=’reset’ value=’Clear’ ></td></tr>

</form>

</table>

“;

echo “</td></tr></table>”;

?>

4. buat file php untuk parsing dari inputan ke database MySQL, buat dengan nama input.php
berikut scriptnya:

<?php

include(“connection.php”);

$nama=$_POST[‘nama’];

$alamat=$_POST[‘alamat’];

$jk=$_POST[‘jk’];

$nope=$_POST[‘nope’];

$conf=mysql_query(“insert into profile values(”,’$nama’,’$alamat’,’$jk’,’$nope’)”);

if($conf) {

?><script language=”javascript”>

alert(“succes Input data”);

document.location=”index.php”;

</script>

<?php

}else{

?><script language=”javascript”>

alert(“Input Data Gagal”);

document.location=”index.php”;

</script>

<?php

}

?>

semua file jadikan satu dalam satu folder. dan panggil lewat localhost/nama_folder

4 Comments Add yours

  1. Ahaa, its good discussion about this piece of writing here at
    this weblog, I have read all that, so now me also commenting at this place.

  2. hadinug mengatakan:

    Sebenarnya bisa dibuat lebih sederhana mas dengan menjadikan from input dan update menjadi satu, dan kita bisa bikin banyak modul dalam satu template.
    monggo di cek
    http://hadinug.net/post/1392459654/membuat-aplikasi-crud-sederhana-dengan-php-dan-mysql.html

  3. music production mengatakan:

    Every weekend i used to visit this website, for the reason that i want enjoyment, as this this web page conations truly fastidious funny material too.

  4. hahagifs.com mengatakan:

    Hello there, You’ve done a fantastic job. I’ll definitely digg
    it and personally recommend to my friends. I’m confident they’ll be
    benefited from this website.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s