Form input data barang php

Setelah sebelumnya kita telah belajar membuat koneksi database dengan PHP. Kini saya lanjutkan dengan tutorial cara input data ke database dengan PHP. Beberapa hal yang perlu kita siapkan adalah aplikasi teks editor seperti notepad++ , dan aplikasi xampp. Selain itu juga saya menggunakan framework bootstrap untuk tampilan css nya.

Untuk menambahkan data ke database mysql dengan php kita menggunakan function mysqli. Function ini merupakan function php yang dapat kita gunakan saat bekerja dengan database mysql. Pastikan versi php kalian sudah pada versi php 5 keatas.

Daftar Isi

Persiapan

Beberapa hal yang perlu dipersiapkan antara lain:

  • Teks editor saya sarankan pakai notepad++
  • Aplikasi Xampp
  • Bootstrap (opsional)

Konfigurasi Database

Buat sebuah database disini saya membuat database penjualan. Pelajari langah-langkah membuat databse mysql dengan cmd

create database penjualan;

Buat tabel dengan nama barang

create table barang (
id_barang int not null auto_increment primary key,
nama_barang varchar(20) not null,
harga int,
stok int
);

Terdapat 4 field pada tabel barang, id_barang saya set sebagai kunci utama dan menggunakan auto_increment. Dengan menggunakan auto_increment kita tidak perlu menginput, sistem yang akan buat secara otomatis. Selanjutnya ada field nama_barang dengan tipe varchar dan maksmal panjang 20 karakter, terakhir ada field harga dan stok yang bertipe integer.

Membuat folder pada htdocs

Buat sebuah folder baru dengan nama penjualan pada folder c:\xampp\htdocs

Form input data barang php

Membuat file koneksi ke database

Pada tahap ini kita membuat sebuah file koneksi ke database mysql. Buat sebuah file dengan nama koneksi.php simpan didalam folder penjualan yang baru saja kita buat.

<?php

$host="localhost";
$user="root";
$password="";
$db="penjualan";

$kon = mysqli_connect($host,$user,$password);
if ($kon){
	echo "Database MYSQL <b>berhasil</b> dikoneksikan<br>";
}else {
	echo"Database  MYSQL <b>gagal</b> dikoneksikan<br>";
}

$hasil=mysqli_select_db($kon,$db);
if ($hasil){
	echo "Database $db berhasil dipilih";
}else {
	echo "Database $db gagal dipilih";
}


?>

Tes koneksi database

Untuk memastikan database telah terkoneksi buka file koneksi.php melalui browser

http://localhost/penjualan/koneksi.php

Form input data barang php

Setelah dipastikan koneksi kedatabse telah berhasil selanjutnya kalian bisa non aktifkan fungsi echo pada file koneksi.php dengan mengganti menjadi komentar //, hal ini agar tidak perlu menampilkan kembali kalimat “Database MYSQL berhasil dikoneksikan”

Konfigurasi CSS Bootstrap

Selanjutnya saya konfigurasi untuk tampilannya menggunakan framework CSS Bootstrap. Buat kalian yang belum tau silahkan baca pada artikel cara menggunakan bootstrap.

Pada tutorial kali ini saya menggunakan bootstrap yang saya download dan simpan di drive saya tanpa menggunakan CDN ( Content Delivery Network ).

Membuat Form Input data

Buat sebuah file php dengan nama input-barang.php simpan dalam folder penjualan dalam htdocs. Isi dari file tersebut seperti berikut:

Baca juga : Cara membuat form dengan bootstrap

<!DOCTYPE html>
<html>
<head>
    <!-- Load file CSS Bootstrap offline -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h2>Input Data Barang</h2>
    <form action="simpan-barang.php" method="post">
        <div class="form-group">
            <label>Nama Barang:</label>
            <input type="text" name="nama_barang" class="form-control" placeholder="Masukan nama barang" />
        </div>
        <div class="form-group">
            <label>Harga:</label>
            <input type="number" name="harga" class="form-control" placeholder="Masukan harga" />
        </div>
     <div class="form-group">
            <label>Stok:</label>
            <input type="number" name="stok" class="form-control" placeholder="Masukan stok" />
        </div>

        <button type="submit" name="submit" class="btn btn-primary">Submit</button>

    </form>
</div>
</body>
</html>

Buat file PHP untuk menyimpan data ke database

Buat sebuah file dengan nama simpan-barang.php, Fungsi dari file ini adalah untuk menerima hasil inputan dari form input barang kemudian disimpan ke dalam tabel barang yang terdapat pada database penjualan.

<?php
//Include file koneksi ke database
include "koneksi.php";

//menerima nilai dari kiriman form input-barang 
$nama_barang=$_POST["nama_barang"];
$harga=$_POST["harga"];
$stok=$_POST["stok"];

//Query input menginput data kedalam tabel barang
  $sql="insert into barang (nama_barang,harga,stok) values
		('$nama_barang','$harga','$stok')";

//Mengeksekusi/menjalankan query diatas	
  $hasil=mysqli_query($kon,$sql);

//Kondisi apakah berhasil atau tidak
  if ($hasil) {
	echo "Berhasil insert data";
	exit;
  }
else {
	echo "Gagal insert data";
	exit;
}  

?>

Uji coba

Buka alamat file input barang.php menggunakan localhost pada browser

http://localhost/penjualan/input-barang.php

Isi form input data barang

Form input data barang php

Seteh diisi kemudian klik tombol submit

Form input data barang php

Dari output diatas menunjukan bahwa data barang berhasil di insert, sekarang coba kita lihat langsung di database apakah inputan tersebut telah berhasil masuk ??

Form input data barang php

Setelah dicek langsung pada tabel barang telah masuk data yang telah kita inputkan di atas.

Selesai sudah tutorial mengenai cara input data ke database dengan PHP. Pelajari tutorial-tutorial lain yang kelasprogrammer.com bahas. Sampai jumpa…