Widget HTML #1

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !


Hai selamat datang di blog saya kali ini saya akan membagikan cara mebuat form create, update,  delete, dan hapus  (CRUD) menggunakan pemprograman php.

Sebelumnya apa kalian tahu apa itu bahasa pemprograman php ? untuk kamu yang masih belum tau silahkan baca dahulu artikel dibawah.

Baca Juga : Pengertian bahasa pemprograman php

Dalam tutorial ini kita akan mencoba koneksikan programnya dengan data base atau mysql. Jadi pastikan Kamu sudah menginstal xammp ya.


cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

Baca Juga

Saya akan membanu menjelaskan tutorial ini secara jelas agar kalian paham dengan apa yang akan saya jelaskan. So langsung saja ikuti langkah-langkah nya.

Pertama kamu buat database nya terlebih dahulu di phpmyadmin dengan cara berikut.

buka xampp dan silahkan kamu klik start pada apache dan mysql maka tampilan akan seperti ini.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

Jika sudah selanjutnya kamu coba buka google chorme atau sejenis nya lalu ketikan "localhost/phpmyadmin" tanpa tanda petik. kamu akan diahlikan ke halaman berikut.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !


Sedikit penjelasan pada gambar yang diberi kotak warna merah adalah kumpulan database yang sudah pernah saya buat dan mungkin karna kamu masih pertama menggunakan jadi masih kosong. 

oleh karna itu untuk membuat database kamu cukup klik baru pada gambar yang diberi tanda merah.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

Lalu langkah pertama yang harus kamu laukan adalah ketik nama database ketikan saja "if2_kredit" atau bebas tapi saya saran kan samakan saja dengan saya agar tidak bingung nantinya.

Database sudah dibuat saatnya membuat tabel nya. isi kan nama tabel rumah dan jumlah kolom 3 lalu klik kirim.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

Selanjutnya isi form seperti berikut. lalu klik simpan.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

Penjelasan :

  • untuk bagian tanda merah itu adalah jenis karakter text yang nanti akan di inputkan.
  • untuk bagian tanda biru itu adalah panjang karakter yang nanti akan dimasukan.
Jangan lupa kode_rumah dijadikan primary key dengan cara centang kode_rumah lalu klik kunci atau utama.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

Selanjutnya klik tambahkan pada menu diatas. isi data seperti gambar berikut lalu kirim.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !


di tutorial ini membutuhkan 4 tabel yang nanti nya akan berelasi atau terhubung antar satu tabel dengan yang lainnya. tabel yang akan dibuat diantaranya yaitu : tabel rumah, tabel fasilitas, tabel detail fasilitas dan tabel penjualan rumah.

dengan masing masing mempunyai format sebagai berikut :

Format tabel rumah :

  • kode_rumah (PRIMARKEY)
  • jenis
  • harga
Isi tabel rumah :
  • R001 (kode_rumah) Mawar (jenis) 150000000 (harga)
  • R002 (kode_rumah) Bugenvile (jenis) 200000000 (harga)
Format tabel fasilitas :
  • kode_fasilitas (PRIMARKEY)
  • fasilitas
  • harga
Isi tabel fasilitas :
  • F001 (kode_fasilitas) Internet (fasilitas) 1000000 (harga)
  • F002 (kode_fasilitas) Garasi (fasilitas) 15000000 (harga)
  • F003 (kode_fasilitas) Taman (fasilitas) 8500000 (harga)
Format tabel detail fasilitas :
  • Id (PRIMARKEY)
  • faktur
  • kode_fasilitas
Isi tabel : biarkan kosong

Format tabel penjualan :
  • faktur(PRIMARIKEY)
  • pembeli
  • kode_rumah
  • lama_kredit
Isi tabel : biarkan kosong


Silahkan buat sendiri dengan cara yang sudah dijelaskan dan untuk tabel detail fasilitas dan penjulan di biarkan kosong aja tidak ada isinya. tapi untuk tabel rumah dan fasilitas harus ada isinya. karna tabel rumah selesai dibuat maka sekarang kamu buat tabel fasilitas dan isinya dengan cara yang sudah dijelaskan.

Selanjutnya kamu ke file manager dan buka folder xampp yang kamu instal contoh saya menyimpan xampp nya di local disk C atau seperti ini alamat di file managernya C:\xamppp. seperti gambar dibawah.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !
Jika kamu sudah membukanya selanjutnya cari dan  buka folder htdocs seperti gambar dibawah.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

Lalu buat folder baru di dalam folder htdocs bebas aja namanya dengan klik kanan pada mouse dan ikuti seperi gambar dibawah.

Cara menjalankan script web di localhost

Jika sudah membuat folder barunya. kamu buka notepad atau sejenisnya lalu ketikan coding index seperti dibawah ini. 

<?php
$conn=mysqli_connect("localhost","root","","if2_kredit");
$sql="select * from rumah ";
$hasil=mysqli_query($conn,$sql);
$sql2="select * from fasilitas ";
$hasil2=mysqli_query($conn,$sql2);

?>
<HTML>
<HEAD>
<title>Latihan buat form ke db</title>
</head>
<body>
<center>
<h3>Program Kredit Rumah</h3>
<hr>
<form method='POST' action='save.php' name=form>
<table >
<tr>
<td>No Faktur</td>
<td>:</td>
<td><input type=text name=faktur></td>
</tr>
<tr>
<td>Nama Pembeli</td>
<td>:</td>
<td><input type=text name=nama></td>
</tr>
<tr>
<td>Jenis Rumah</td>
<td>:</td>
<td>
<select name='jenis'>
<option disabled  >--Pilih Jenis Rumah--</option>
<?php
while($row=mysqli_fetch_array($hasil)){
echo "<option value='".$row['kode_rumah']."'>".$row['jenis']."</option>";
}
?>

</select>

</td>
</tr>
<tr>
<td>Fasilitas</td>
<td>:</td>
<td>
<?php
while($row2=mysqli_fetch_array($hasil2)){

echo "<input type='checkbox' name='fasilitas[]' value='".$row2['kode_fasilitas']."'/>".$row2['fasilitas']."<br>";

}
?>
</td>
</tr>

<tr>
<td>Lama Kredit</td>
<td>:</td>
<td>
<input type=radio name=kredit value=1>1 Tahun <br>
<input type=radio name=kredit value=2>2 Tahun <br>
<input type=radio name=kredit value=3>3 Tahun <br>
</td>
</tr>
</table>
<hr>


<table>
<tr>
<td><input type=submit value=Proses></td>
<td><input type=reset value=reset ></td>

</tr>
</table>
</form>
</center>
</body>
<script>

</HTML>

PENJELASAN CODING PHP :

  • Untuk coding yang diberi warna hijau itu adalah coding koneksi untuk menyambungkan ke database dengan ditandai $conn=mysqli_connect("nama_server","username","password","nama_database");
  • Untuk coding yang diberi warna kuning itu adalah coding untuk mengambil data dari database.
  • Untuk coding yang diberi warna orange itu adalah coding untuk mengambil query atau mengesekusi perintah dari variabel $conn dan $sql.
  • Untuk coding yang diberi warna  ungu itu adalah coding yang artinya bahwa form tersebut melakukan aksi atau action perintah di file save.php
  • Untuk coding yang diberi warna biru itu adalah coding untuk menampilkan hasil perintah dari variabel $hasil atau coding yang ditandai warna orange sebelumnya dalam bentuk option form.
  • Untuk coding yang diberi warna merah itu adalah coding untuk menampilkan hasil perintah dari variabel $hasil2 atau coding yang ditandai warna orange sebelumnya dalam bentuk checkbox.
Jika sudah di ketik dalam notepad sekarang kamu simpan dengan nama dan format index.php lalu simpan di folder kamu yang tadi dibuat di htdocs dengan cara berikut.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

Jika sudah kamu ketik lagi baru di notepad coding dibawah ini. dan simpan sebagai nama dan format save.php di folder yang sama di htdocs.

<?php
$fk= $_POST['faktur'];
$nama= $_POST['nama'];
$jn= $_POST['jenis'];
$fasilitas= $_POST['fasilitas'];
$kredit= $_POST['kredit'];

$conn=mysqli_connect("localhost","root","","if2_kredit");
$sql ="insert into penjualan_rumah values( '$fk','$nama','$jn',$kredit)";
$hasil=mysqli_query($conn,$sql);
foreach ($fasilitas as $val){
$sql2="insert into detail_fasilitas values( '','$fk','$val')";
    $hasil2=mysqli_query($conn,$sql2);
}

?>
</script>

<center><H2 style="color:blue; margin-top:300px;">Transaksi Berhasil !<br><br><a href="view_transaksi.php" >Lihat Data Transaksi<br></a><div style='color:red;' id="countdown"></div> </h2></center>


PENJELASAN CODING PHP :

  • Untuk coding yang diberi warna kuning itu adalah coding post dari form sebelumnya yang nanti nya akan dieksekusi.
  • Untuk coding yang diberi warna hijau itu adalah coding koneksi untuk menyambungkan ke database dengan ditandai $conn=mysqli_connect("nama_server","username","password","nama_database");
  • Untuk coding yang diberi warna merah itu adalah coding untuk menyimpan (insert into nama_table) dari data post sebelumnya.
  • Untuk coding yang diberi warna orange itu adalah coding untuk mengambil query atau mengesekusi perintah dari variabel $conn dan $sql.
  • Untuk coding yang diberi warna biru itu adalah coding untuk menyimpan data ke database yang berbeda dalam satu kali action atau aksi.
Selanjutnya kamu ketik lagi baru di notepad coding dibawah ini. dan simpan sebagai nama dan format view_transaksi.php di folder yang sama di htdocs.

<?php
function rupiah($angka){

$hasil_rupiah = "Rp " . number_format($angka,2,',','.');
return $hasil_rupiah;
 
}
?>
<HTML>
<HEAD>
<title>Tampil data dari db</title>
</head>
<body>
<center>
<h3>Data Transaksi Penjualan Rumah</h3>
<hr>

<table border=1>
<tr align='center' style='font-size:18px'>
<td><b>Faktur</b></td>
<td><b>Nama Pembeli</b></td>
<td><b>Rumah</b></td>
<td><b>Lama Kredit</b></td>
<td><b>Fasilitas</b></td>
<td><b>Total Harga</b></td>

</tr>
<?php
$conn=mysqli_connect("localhost","root","","if2_kredit");
$sql="select penjualan_rumah.*, rumah.jenis,rumah.harga from penjualan_rumah join rumah on rumah.kode_rumah=penjualan_rumah.kode_rumah order by penjualan_rumah.faktur asc";
$hasil=mysqli_query($conn,$sql);

while ($row=mysqli_fetch_array($hasil)) {
$harga=$row['harga'];
echo "<tr align='center' style='font-size:18px'>";
echo "<td>".$row['faktur']."</td>";
echo "<td>".$row['pembeli']."</td>";
echo "<td>".$row['jenis']."</td>";
echo "<td>".$row['lama_kredit']." Tahun</td>";

$harga2=0;
$sql2="select detail_fasilitas.*,fasilitas.fasilitas,fasilitas.harga from detail_fasilitas join fasilitas on fasilitas.kode_fasilitas=detail_fasilitas.kode_fasilitas where detail_fasilitas.faktur ='".$row['faktur']."'";
$hasil2=mysqli_query($conn,$sql2);
echo "<td><ol>";
while ($fas=mysqli_fetch_array($hasil2)) {
$harga2=$harga2+$fas['harga'];
echo "<li>".$fas['fasilitas']."</li>";
}
echo "</ol></td>";
$totalHarga=$harga+$harga2;
echo "<td>".rupiah($totalHarga)."</td>";

echo "</tr>";

}

?>
</table>
<hr>
<a href="Create.php" style='color:red;text-decoration:none'>Rumah Ko Murah, Anda Meragukan Dompet Saya?</a>
</center>
</body>

</HTML>


PENJELASAN CODING PHP :

  • Untuk coding yang diberi warna ungu itu adalah coding function untuk menampilkan harga dengan format Rp atau rupiah.
  • Untuk coding yang diberi warna hijau itu adalah coding koneksi untuk menyambungkan ke database dengan ditandai $conn=mysqli_connect("nama_server","username","password","nama_database");
  • Untuk coding yang diberi warna kuning itu adalah coding mengambil data dari table berdasarkan nama yang dipilih.
  • Untuk coding yang diberi warna orange itu adalah coding untuk mengambil query atau mengesekusi perintah dari variabel $conn dan $sql.
  • Untuk coding yang diberi warna biru itu adalah coding manampilkan data ke form berdasarkan eksekusi perintah coding warna orange.
Jika sudah selesai kamu ketik semua coding. Sekarang watuknya kamu coba programnya dengan cara kamu buka web browser di laptop atau pc kamu saya saran kan menggunakan google chrome.

Cara menjalankan script web di localhost

Selanjutnya tinggal ketikan localhost/namafolderkamu kalo saya tadi membuat folder dengan nama latihan maka membukanya dengan cara localhost/latihan di bagian pencaharian google seperti dibawah.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !

Jika coding transaksi benar maka tampilan akan seperti gambar dibawah. dan klik lihat data transaksi untuk melihat transaksi yang masuk ke database.

cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !
Jika coding view transaksi benar maka coding menampilkan data yang masuk tadi. seperti dibawah ini. dengan begitu coding sudah berjalan dengan baik tinggal kamu edit tampilanya sesukamu.



cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !




Okay mungkin sampai disini mengenai bagaimana cara membuat program sederhana menggunakan php dasar dan database. nex time saya share tutorial lainya. ohya jika kamu ingin request tutorial kalian bisa dm saya atau kirim pesan lewat blog ini di menu contact yang sudah tersedia ya.

Jika masih bingung kamu bisa tanyakan di komentar ya biar nanti saya jawab ^^. Oke See u bye.



Dzikri Muhammad Sopyana
Dzikri Muhammad Sopyana Silih Asih, Silih Asuh, Silih Asah. Hatur nuhun.

Posting Komentar untuk "cara buat program simpan dan tampil php dasar ! full dengan penjelasannya !"