Cara Menyimpan Data ke Database & Manampilkan Data dengan PHP

Semangat coding gan di Sinau Coding, mimin akan membagikan post tutorial tentang menginput data ke database phpMyadmin.
Yang harus disiapkan adalah

1.      Database
2.      Koneksi database (koneksi.php)
3.      Form input data (inputadmin.php)
4.      Proses input data untuk memasukan ke database (prosesinput.php)
5.      Menampilkan data yang ada pada database (tampilanadmin.php)

 Sebelumnya mimin telah post tutorial tentang membuat data base di phpMyadmin



 Baca juga : Cara membuat database Mysql

Untuk mempersingkat waktu silahkan pelajari sendiri

Baca juga :  Cara membuat tabel pada database mysql bagian 1

Baca juga : Cara membuat tabel pada database mysql bagian 2

Setelah agan-agan memahami post tutorial bagian 1

1.      Copy coding berikut

--

-- Table structure for table `admin`

--

CREATE TABLE IF NOT EXISTS `admin` (

  `id_admin` int(2) NOT NULL AUTO_INCREMENT,

  `username` varchar(20) NOT NULL,

  `password` varchar(50) NOT NULL,

  PRIMARY KEY (`id_admin`)

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


Kemudian akan terlihat tampilan berikut



 Terdapat 3 Struktur tabel yang dibuat yaitu id_admin ( unik ) yang tidak akan sama dengan yang lain,
  Username ( nama admin ), password ( password admin)
2. Membuat Coding koneksi kedatabase telah di buat




<?php

$host="localhost";

$user="root";

$password="";

$database="sinau_coding";



$koneksi=mysql_connect($host,$user,$password);

mysql_select_db($database,$koneksi);

//cek koneksi

if($koneksi){

                echo "berhasil koneksi";

}else{

                echo "gagal koneksi";

}



?>

Buat folder pada xampp/htdocs dengan nama terserah agan-agan semua mimin membuat dengan nama crud
Simpan dengan nama koneksi.php,  kedalam htdocs di  xampp/htdocs/crud/koneksi.php
Tets koneksi kedatabase tersebut dengan masuk halaman browser ketik alamat http://localhost/crud/koneksi.php
Jika berhasil maka akan muncul tulisan “berhasil koneksi”

3.  Membuat halaman form input data admin
 
Ketik coding berikut dalam notepad++


<html>

 <head><tile></title></head>

 <body>

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

<table border="0" width="303" height="103">



<tr>

          <td width="99" class="bodyText">Nama admin</td>

          <td width="10">:   </td>

          <td width="178"><input type="text" name="username" /></td>

        </tr>

        <tr><td>Password</td><td>:</td><td><input type="password" name="password" /></td></tr>

        <tr><td><input type="submit" name="simpan" value="simpan" /></td></tr>

      </table>

            </form>

                                                </body>

                                                </html>


Simpan di folder xampp/htdocs/crud/ dengan nama inputadmin.php
xampp/htdocs/crud/inputadmin.php.
Yang harus agan-agan perhatikan adalah< form id="form1" name="form1" method="post" action="prosesinput.php"> ini merupakan bagian terpenting method="post"   karena terdapat berbagai tipe method form yang terdapat dalam inputan form, kedua action="prosesinput.php"> ini merupakan alamat/ action/aksi  kehalaman mana setelah ditekan tombol “simpan” , dan perhatikan pula “name dan input type nya” name merupakan variabel untuk menangkap pada prosesinput.php.
Untuk mencoba silahkan http://localhost/crud/inputadmin.php



4. Membuat prosesinput.php
 
Setelah membuat form input sekarang saatnya membuat proses input untuk menyimpan kedatabase
Ketik coding dibawah ini


<?php include "koneksi.php"; ?>

<?php

                if(isset($_POST['simpan'])){

                               

                                $username = ($_POST['username']);

                                $password= ($_POST['password']);

                               

                                $query=mysql_query("insert into admin values('','$username','$password')");

                               

                                if($query){

                                                ?><script language="javascript">document.location.href='tampiladmin.php'</script><?php

                                }else{

                                                echo mysql_error();

                                }

                               

                }

                ?>

Simpan coding tersebut dengan nama prosesinput.php pada folder yang sama
<?php include "koneksi.php"; ?> => menyisipkan/ memanggil coding koneksi kedatabase dengan nama koneksi.php
($_POST['username']);  dan ($_POST['password']);  => merupakan name form type input pada inpuadmin.php
Sedangkan $username dan $password  merupakan variabel pengganti dari kedua name tersebut. $query merupakan variabel baru yang dibuat untuk mengganti coding mysql_query("insert into admin values('','$username','$password')"
Telah diketahui bahwa diatas coding yang digunakan untuk memasukan data ke database adalah mysql_query dengan tujuan tabel admin dan struktur data yang di masukan adalah “id_admin”, “username”, “password” . Untuk “id_admin” biarkan kosong karena (unik) tidak boleh sama dengan yang lain.
Jika sukses memasukan ke database maka akan langsung diarahkan ke halaman tampiladmin.php yang akan kita buat setelah ini. Jika terjadi eroor maka halaman browser akan mendeteksi dan memberitahu mana yang salah.

2.       Menampilkan data yang telah disimpan di database (tampiladmin.php)
Ketik coding seperti berikut

<?php

include "koneksi.php";

?>

 <font color="#FF6600" size="5"> <b>Data admin</b></font>

</center>

<p><br/></p><table width="789" class="table">

<tr class="th">

                  <th width="61" widht='100'>ID</th>

    <th width="192" widht='100'>Username</th>

    <th width="179" widht='100'>Password</th>

  </tr>

                  <?php

$tampil=mysql_query('SELECT * FROM admin');?>

<?php

while ($row=mysql_fetch_array($tampil))

{

               

      echo "<tr class='td'>";

                  echo "<td width='20'align='center'>".$row['id_admin']."</td>";

                 echo "<td width='150'><center>".$row['username']."</center></td>";

                  echo"<td widht='250'><center>".$row['password']."</<center></td>";

                  echo "</tr>";

                  }

                ?>

                </table>

Simpan dengan nama tampiladmin.php

Urutan prosesnya seperti berikut
1.       Test koneksi database

2.       Memasukan data admin
                        http://localhost/crud/inputadmin.php


Setelah meenekan tombol simpan otomatis akan langsung ke halaman inputproses.php dan langsung menuju tampiladmin.php



Selesai gan, Silahkan kresaikan sendiri proses memasukan data ke database dan menampilkanya kembali. Berbagi ilmu bermanfaat semoga barokah . Tunggu post tutorial selanjutnya gan

2 Responses to "Cara Menyimpan Data ke Database & Manampilkan Data dengan PHP"

  1. gan saran saya sih pake vidio aj... soalnya pada males baca kayak saya

    BalasHapus
  2. Mau tanya min
    Kenapa passwordnya di kosongin

    BalasHapus