Scribd
Upload
32 views

Single Dan Multi Item

1. The document describes setting up tables and forms for single item and multi-item transactions in an online store. 2. Instructions are given to create tables for items, sales, and transaction details, and to develop forms to add items to a shopping cart and checkout with multiple items. 3. PHP code is provided to query the item table, add items to the cart, and submit orders with item details stored in a separate table.

Uploaded by

Mahali Ahmad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
32 views

Single Dan Multi Item

1. The document describes setting up tables and forms for single item and multi-item transactions in an online store. 2. Instructions are given to create tables for items, sales, and transaction details, and to develop forms to add items to a shopping cart and checkout with multiple items. 3. PHP code is provided to query the item table, add items to the cart, and submit orders with item details stored in a separate table.

Uploaded by

Mahali Ahmad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

Transaksi single item

1. Buatlah tabel barang dengan desain berikut ini, setting kolom id menjadi auto_increment :

2. Buatlah tabel penjualan dengan desain berikut ini, setting kolom id menjadi auto_increment:

3. Dalam folder pages, buatlah folder barang, dalam folder barang Buatlah file baru dengan nama
transaksi_barang.php, ketikkan kode dibawah ini :

<!-- Content Wrapper. Contains page content -->

<!-- Content Header (Page header) -->


<section class="content-header">
<h1>
TRANSAKSI BARANG
</h1>
<ol class="breadcrumb">
<li><a href="index.php"><i class="fa fa-dashboard"></i> HOME</a></li>
<li class="active">TRANSAKSI BARANG</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<!-- left column -->
<div class="col-md-12">
<!-- general form elements -->
<div class="box box-primary">
<!-- /.box-header -->
<!-- form start -->
<form role="form" method="post"
action="pages/barang/tambah_barang_proses.php">
<div class="box-body">
<div class="form-group">
<label>ID Barang</label>
<input type="text" name="id" id="id" class="form-control
pencarian" placeholder="ID Produk" required>
</div>
<div class="form-group">
<label>Nama Barang</label>
<input type="text" id="nama" name="nama" class="form-control"
placeholder="Nama Produk" readonly>
</div>
<div class="form-group">
<label>Harga Barang</label>
<input type="number" id="harga" name="harga" class="form-
control" placeholder="Harga Produk" readonly>
</div>
<div class="form-group">
<label>Jumlah Barang</label>
<input type="number" id="jumlah" name="jumlah" class="form-
control" placeholder="Jumlah Barang">
</div>

</div>
<!-- /.box-body -->
<div class="box-footer">
<button type="submit" class="btn btn-primary" title="Simpan
Data"> <i class="glyphicon glyphicon-floppy-disk"></i> Simpan</button>
</div>
</form>
</div>

<div class="modal fade" id="myModal" role="dialog">


<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-
dismiss="modal">&times;</button>
<h4 class="modal-title">DATA BARANG</h4>
</div>
<div class="modal-body">
<table id="produk" class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>NAMA BARANG</th>
<th>HARGA</th>

</tr>
</thead>

<tbody>
<?php
include "conf/conn.php";
$no=0;
$query=mysqli_query($kon,
"SELECT * FROM barang ORDER BY id DESC");
while ($row=mysqli_fetch_array($query))
{
?>
<tr class="pilih" data-id="<?php echo $row['id'];?>" data-
barang="<?php echo $row['nama_barang'];?>" data-harga="<?php echo
$row['harga'];?>">
<td><?php echo $row['id']; //echo $no=$no+1;?></td>
<td><?php echo $row['nama_barang'];?></td>
<td><?php echo $row['harga'];?></td>

</tr>

<?php } ?>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-
dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- /.box -->


</div>
</div>
</section>
<!-- /.content -->

<!-- /.content-wrapper -->

<script type="text/javascript">
$(document).ready(function(){
$(".pencarian").focusin(function() {
$("#myModal").modal('show'); // ini fungsi untuk menampilkan modal
});
$('#produk').DataTable();
});

$(document).on('click', '.pilih', function (e) {


document.getElementById("id").value = $(this).attr('data-id');
document.getElementById("nama").value = $(this).attr('data-barang');
document.getElementById("harga").value = $(this).attr('data-harga');

$('#myModal').modal('hide');
});
</script>

4. dalam folder barang , Buatlah file baru dengan nama transaksi_barang_proses.php, ketikkan
kode dibawah ini :

<?php

include "../../conf/conn.php";
if($_POST)
{
$id=$_POST['id'];
$harga = $_POST['harga'];
$jumlah = $_POST['jumlah'];
$total=$harga*$jumlah;

$query = ("INSERT INTO penjualan(id_barang,harga,qty,total) VALUES


('".$id."','".$harga."','".$jumlah."','".$total."')");

echo $query;

if(!mysqli_query($kon,$query)){
die(mysqli_error);
}else{
echo '<script>alert("Data Berhasil Ditambahkan !!!");
window.location.href="../../index.php?page=data_barang"</script>';
}
}
?>

5. dalam file index.php, tambahkan menu pada sidebar, dengan script berikut :
<li><a href="index.php?page=data_barang"><i class="glyphicon glyphicon-
book"></i> <span>Transaksi Barang</span></a></li>
6. dalam file page.php, tambahkan case baru, dengan script sebagai berikut :

case 'data_barang';

include 'pages/barang/transaksi_barang.php';
break;

7.

Transaksi Multi item/Shopping Cart

1. Buatlah tabel jual dengan desain berikut ini, setting kolom id menjadi auto_increment :

2. Buatlah tabel detail_jual dengan desain berikut ini, setting kolom id menjadi auto_increment :

3. dalam file index.php, tambahkan menu pada sidebar, dengan script berikut :

<li><a href="index.php?page=data_multibarang"><i class="glyphicon


glyphicon-book"></i> <span>Transaksi Banyak Barang</span></a></li>

4. dalam file page.php, tambahkan case baru, dengan script sebagai berikut :

case 'data_multibarang':

include 'pages/multibarang/data_transaksi_barang.php';
break;
case 'bayar':
include 'pages/multibarang/bayar.php';
break;
5. Dalam folder pages, buatlah folder multibarang, dalam folder multibarang Buatlah file baru
dengan nama data_transaksi_barang.php, ketikkan kode dibawah ini :

<!-- Content Wrapper. Contains page content -->

<!-- Content Header (Page header) -->


<section class="content-header">
<h1>
DATA TRANSAKSI BARANG
</h1>
<ol class="breadcrumb">
<li><a href="index.php"><i class="fa fa-dashboard"></i> HOME</a></li>
<li class="active">DATA BARANG</li>
</ol>
</section>
<!-- Main content -->
<section class="content">

<div class="row">

<div class="col-xs-12">
<div class="box box-primary">
<div class="box-header">
<?php require_once 'kantong_belanja.php'; ?>
</div>
<div class="box-body table-responsive">
<table id="barang" class="table table-bordered table-hover">
<thead>
<tr>
<th>#</th>
<th>ID BARANG</th>
<th>NAMA BARANG</th>
<th>HARGA</th>
<th>PEMBELIAN</th>
<th>AKSI</th>
</tr>
</thead>
<tbody>

<?php
include "conf/conn.php";
$no=0;
$query=mysqli_query($kon,"SELECT * FROM barang ORDER BY id
DESC");
while ($row=mysqli_fetch_array($query))
{
?>
<tr>
<form method="POST" action="index.php?page=data_multibarang">
<input type="hidden" name="id" value="<?= $row['id'];
?>"></input>

<td><?php echo $no=$no+1;?></td>


<td><?php echo $row['id'];?></td>
<td><?php echo $row['nama_barang'];?></td>
<td><?php echo $row['harga'];?></td>
<td>
<input class="form-control" type="number" name="pembelian"
value="1" min="1" max="<?= $row['stok']; ?>"></td>
<td>
<button class="btn btn-primary" type="submit" name="submit">
<i class="fa fa-shopping-cart"></i>
</button>
</td>

</tr>
</form>
<?php } ?>

</tbody>
</table>

</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->

<!-- /.content-wrapper -->

<!-- Javascript Datatable -->


<script type="text/javascript">
$(document).ready(function(){
$('#barang').DataTable();
});
</script>

6. dalam folder multibarang Buatlah file baru dengan nama kantong_belanja.php, ketikkan kode
dibawah ini :

<h4>Daftar Belanja Anda</h4>

<?php

//echo"halaman cart";
if (isset($_POST['id'], $_POST['pembelian'])) {
$id = $_POST['id'];
$pembelian = $_POST['pembelian'];
//echo "$id.$pembelian";

$produk = mysqli_query($kon, "SELECT * FROM barang WHERE id = '$id'");


$dt_produk = $produk->fetch_assoc();

//$produk=$dt_produk['nama_produk'];
//$harga=$dt_produk['harga'];
//echo "$produk.$harga";

//var_dump($_SESSION['kantong']);
if (!isset($_SESSION['kantong_belanja'])) $_SESSION['kantong_belanja'] = [];

$index = -1;
$cart = unserialize(serialize($_SESSION['kantong_belanja']));

// jika produk sudah ada dalam cart maka pembelian akan diupdate
for ($i=0; $i<count($cart); $i++) {
if ($cart[$i]['id'] == $id) {
$index = $i;
$_SESSION['kantong_belanja'][$i]['pembelian'] = $pembelian;
break;
}
}

// jika produk belum ada dalam cart


if ($index == -1) {
$_SESSION['kantong_belanja'][] = [
'id' => $id,
'nama_barang' => $dt_produk['nama_barang'],
'harga' => $dt_produk['harga'],
'pembelian' => $pembelian
];
}

}
var_dump($_SESSION['kantong_belanja']);
//var_dump($_SESSION['kantong']);
if (!empty($_SESSION['kantong_belanja'])) {
?>

<br>
<table class="table table-bordered">
<tr align="center">
<th>#</th>
<th>ID Barang</th>
<th>Nama Barang</th>
<th>Pembelian</th>
<th>Harga</th>
<th>Total</th>
<th>Aksi</th>
</tr>

<?php
if(isset($_SESSION['kantong_belanja'])) {
$cart = unserialize(serialize($_SESSION['kantong_belanja']));
$index = 0;
$no = 1;
$total = 0;
$total_bayar = 0;

for ($i=0; $i<count($cart); $i++) {


$total = $_SESSION['kantong_belanja'][$i]['harga'] *
$_SESSION['kantong_belanja'][$i]['pembelian'];
$total_bayar += $total;
?>

<tr>
<td align="center"><?= $no++; ?></td>
<td><?= $cart[$i]['id']; ?></td>
<td><?= $cart[$i]['nama_barang']; ?></td>
<td align="center"><?= $cart[$i]['pembelian']; ?></td>
<td><?= $cart[$i]['harga']; ?></td>
<td><?= $total; ?></td>
<td align="center">
<a href="pages/multibarang/hapus_kantong.php?id=<?= $index; ?>">
<button class="btn btn-danger btn-sm"><i class="fa fa-
trash"></i></button>
</a>
</td>
</tr>

<?php
$index++;
}

//hapus produk dalam cart


if(isset($_GET['indeks'])) {
$cart = unserialize(serialize($_SESSION['kantong_belanja']));
unset($cart[$_GET['indeks']]);
$cart = array_values($cart);
$_SESSION['kantong_belanja'] = $cart;
}
}
?>

<tr>
<td colspan="4" align="right"><strong>Total Bayar</strong></td>
<td><strong><?= $total_bayar; ?></strong></td>
<td align="center">
<a href="index.php?page=bayar">
<button class="btn btn-success btn-sm">Bayar</button>
</a>
</td>
</tr>

</table>
<br><hr>
<?php

}
if (isset($_GET['indeks'])) {
echo "anda menekan tombol hapus";
// header('Location: index.php?page=transaksi_produk');
}

?>

7. dalam folder multibarang Buatlah file baru dengan nama hapus_kantong.php, ketikkan kode
dibawah ini :

<?php

session_start();
$id = $_GET['id'];
//unset($_SESSION["kantong"]);
if(isset($_GET['id'])) {
echo $id."<br>";
$cart = unserialize(serialize($_SESSION['kantong_belanja']));
unset($cart[$_GET['id']]);
$cart = array_values($cart);
$_SESSION['kantong_belanja'] = $cart;
}

if (!empty($_SESSION['kantong_belanja'])) {
$cart = unserialize(serialize($_SESSION['kantong_belanja']));
for ($i=0; $i<count($cart); $i++) {
echo $cart[$i]['harga']."/".$cart[$i]['nama_barang']."<br>";
}

}
header('Location: ../../index.php?page=data_multibarang' );
?>

8. dalam folder multibarang Buatlah file baru dengan nama bayar.php, ketikkan kode dibawah ini :

<?php

if (!empty($_SESSION['kantong_belanja'])) {
?>

<h4>Daftar Belanja Anda</h4>


<br>
<table class="table table-bordered">
<tr align="center">
<th>No</th>
<th>Nama Barang</th>
<th>Pembelian</th>
<th>Harga</th>
<th>Total</th>

</tr>

<?php
if(isset($_SESSION['kantong_belanja'])) {
$cart = unserialize(serialize($_SESSION['kantong_belanja']));
$index = 0;
$no = 1;
$total = 0;
$total_bayar = 0;

for ($i=0; $i<count($cart); $i++) {


$total = $_SESSION['kantong_belanja'][$i]['harga'] *
$_SESSION['kantong_belanja'][$i]['pembelian'];
$total_bayar += $total;
?>

<tr>
<td align="center"><?= $no++; ?></td>
<td><?= $cart[$i]['nama_barang']; ?></td>
<td align="center"><?= $cart[$i]['pembelian']; ?></td>
<td><?= $cart[$i]['harga']; ?></td>
<td><?= $total; ?></td>

</tr>

<?php
$index++;
}

?>

<tr>
<td colspan="4" align="right"><strong>Total Bayar</strong></td>
<td><strong><?= $total_bayar; ?></strong></td>
<td align="center">
</td>
</tr>
<form method="POST" action="pages/multibarang/bayar_proses.php">
<tr>
<td>Total Belanja</td>
<td><input class="form-control" type="number" name="total" id="total"
value="<?= $total_bayar; ?>" readonly></td>
</tr>
<tr>
<td>Jumlah Bayar</td>
<td><input class="form-control" type="number" name="bayar" id="bayar"
min="<?= $total_bayar; ?>" onKeyup="hitung();"></td>
</tr>
<tr>
<td>Kembali</td>
<td><input class="form-control" type="number" name="kembali" id="kembali"
readonly></td>
</tr>
<tr>
<td colspan="2" align="right"><button type="submit" class="btn btn-
primary" title="Simpan Data"> <i class="glyphicon glyphicon-floppy-disk"></i>
Bayar</button>
</td>
</tr>
</form>
</table>
<br><hr>
<?php

}
}
?>
<script type="text/javascript">
function hitung()
{
var bayar = document.getElementById('bayar').value;
var total = document.getElementById('total').value;

var result = bayar-total;


if (!isNaN(result)) {
document.getElementById('kembali').value = result;
}
}
</script>

9. dalam folder multibarang Buatlah file baru dengan nama bayar_proses.php, ketikkan kode
dibawah ini :

<?php

session_start();
include "../../conf/conn.php";
if($_POST)
{
date_default_timezone_set('Asia/Jakarta');
$tgl=date("Y-m-d H:i:s");
//echo $tgl;
$total_belanja = $_POST['total'];
//echo $total_belanja;
//var_dump($_SESSION['kantong']);
if (!empty($_SESSION['kantong_belanja'])) {
$cart = unserialize(serialize($_SESSION['kantong_belanja']));
$total_item=count($cart);
//echo $total_item;
$pegawai = $_SESSION['username'];
//echo $user;
//masukkan data ke tabel order

$query = ("INSERT INTO jual(id,tgl,pegawai,total)


VALUES ('','".$tgl."','".$pegawai."','".$total_belanja."')");
//echo $query;
if(!mysqli_query($kon,$query)){
die(mysqli_error($kon));
}else{
//echo "data order sukses ditambahkan";
}

//cek id_order terbaru


$check_id = mysqli_query($kon,"SELECT id FROM `jual` order by id desc limit 1");
$row = mysqli_fetch_array($check_id);
$id_jual= $row['id'];
//masukkan data ke tabel detail order
for ($i=0; $i<count($cart); $i++) {
$input = "insert into detail_jual(id,id_jual,id_barang,harga,qty,total)
VALUES
('','".$id_jual."','".$cart[$i]['id']."','".$cart[$i]['harga']."','".$cart[$i]['p
embelian']."','".$cart[$i]['harga']*$cart[$i]['pembelian']."')";
if(!mysqli_query($kon,$input)){
die(mysqli_error($kon));
}else{
//echo "data detail_order sukses ditambahkan";
}
}
}
else{
echo "<br>kantong kosong";
}
//bersihkan kantong
unset($_SESSION["kantong_belanja"]);
header('Location: ../../index.php?page=data_multibarang' );

}
?>

Multi Level Login???

You might also like