Friday, February 19, 2016

Membuat Form Daftar atau Input Data Sederhana Menggunakan PHP dan Database MySQL

Assalamualaikum Wr. Wb.

Selamat malam gan...
Kali ini ane akan mengulas tentang Cara membuat inputan ke dalam database MySQL menggunakan bahasa pemograman PHP.

Pertama yang harus dilakukan adalah membuat database dengan nama "coba" dan tabel "login" dengan struktur tabel seperti ini :

CREATE TABLE `coba`.`login` (
`id_user` INT( 4 ) NOT NULL AUTO_INCREMENT PRIMARY KEY,
`username` VARCHAR( 30 ) NOT NULL ,
`password` VARCHAR( 100 ) NOT NULL ,
`email` VARCHAR( 50 ) NOT NULL ,
`nama` VARCHAR( 50 ) NOT NULL,
`alamat` VARCHAR( 50 ) NOT NULL
)

Kedua, Buat file koneksi.php dengan notepad atau tool lainnya  kemudian isikan dengan kode dibawah ini. Lalu simpan kedalam folder beri nama folder "inputdata" dan letakkan folder ke C:/xampp/htdocs/

<?php
$host = 'localhost';
$user = 'root';
$pass = '';
$dbname = 'coba';
$connect = mysql_connect($host, $user, $pass) or die(mysql_error());
$dbselect = mysql_select_db($dbname);
?>

Ketiga, Buat file index.php isi kode di bawah ini dan simpan ke dalam folder "inputdata".

<html>
<head>
<title>Form Daftar</title>
</head>
<body>
<h1>Form Daftar</h1>
<?php
if (!empty($_GET['message']) && $_GET['message'] == 'success') {
    echo '<h3>Berhasil input data!</h3>';
}
?>
<form name="input_data" action="proses_input.php" method="post">
<table border="0" cellpadding="5" cellspacing="0">
    <tbody>
        <tr>
            <td>Username</td>
            <td>:</td>
            <td><input type="text" name="username" maxlength="20" required="required" /></td>
        </tr>
        <tr>
            <td>Password</td>
            <td>:</td>
            <td><input type="password" name="password" maxlength="20" required="required" /></td>
        </tr>
        <tr>
            <td>Nama</td>
            <td>:</td>
            <td><input type="text" name="nama" maxlength="100" required="required" /></td>
        </tr>
        <tr>
            <td>Email</td>
            <td>:</td>
            <td><input type="email" name="email" required="required" /></td>
        </tr>
        <tr>
            <td valign="top">Alamat</td>
            <td valign="top">:</td>
            <td><textarea name="alamat" cols="15" required="required"></textarea></td>
        </tr>
        <tr>
            <td align="right" colspan="3"><input type="submit" name="submit" value="Simpan" /></td>
        </tr>
    </tbody>
</table>
</form>
<a href="view_data.php">Lihat Data</a>
</body>
</html>


Keempat, buat file proses_input.php isikan dengan kode di bawah ini seimpan juga di folder yang sama.

<?php
include('koneksi.php');
$username = $_POST['username'];
$password = $_POST['password'];
$nama = $_POST['nama'];
$email = $_POST['email'];
$alamat = $_POST['alamat'];
$query = mysql_query("insert into login values('', '$username', '$password', '$email', '$nama', '$alamat')") or die(mysql_error());
if ($query) {
    header('location:index.php?message=success');
}
?>


Kelima, Buat file view_data.php yang isi kan kode dibawah ini. File ini berfungsi untuk menapilkan data yang telah di input ke database.

<?php
include('koneksi.php');
?>
<html>
<head>
<title>Belajar PHP</title>
</head>
<body>
<h1>Data User</h1>
<a href="index.php">+ Tambah Data</a>
<table border="1" cellpadding="5" cellspacing="0">
    <thead>
        <tr>
            <td>No.</td>
            <td>Username</td>
            <td>Password</td>
            <td>Email</td>
            <td>Nama</td>
            <td>Alamat</td>
        </tr>
    </thead>
    <tbody>
    <?php
    $query = mysql_query("select * from login");
   
    $no = 1;
    while ($data = mysql_fetch_array($query)) {
    ?>
        <tr>
            <td><?php echo $no; ?></td>
            <td><?php echo $data['username']; ?></td>
            <td><?php echo $data['password']; ?></td>
            <td><?php echo $data['email']; ?></td>
            <td><?php echo $data['nama']; ?></td>
            <td><?php echo $data['alamat']; ?></td>                 
        </tr>
    <?php
        $no++;
    }
    ?>
    </tbody>
</table>
</body>
</html>


Jika ke empat file tadi telah selesai di buat sekarang saat nya kita jalankan, buka browser agan lalu ketikkan localhost/inputdata di address bar maka akan tampil form seperti ini.






















Naah silakan di coba gan masukkan data terserah agan . Dan sekian dulu dari ane nanti ane bakal sambung lagi untuk membuat Login di PHP.
Disqus Comments