TUTORIAL WEB MEMBUAT APLIKASI TOKO - FORM INPUTAN DATA BARANG

Tutorial Web Membuat Aplikasi Toko - Form Inputan Data Barang, Selamat datang kembali dengan saya sobat semua. Tahapan dalam membuat aplikasi toko berbasis web sudah sampai pada tahapan ke 7 :) Jika sobat belajar web design dari nol, silakan untuk memahami struktur kode - kode HTML terlebih dahulu, bisa kamu simak postingan saya ini "tutorial web tahap 3 membuat aplikasi toko web offline".  Insya Allah bisa segera rampung jika sobat terus mengikuti tutorial yang saya buat ini dan sudah paham struktur kode nya.

Tentu saja saya buat tutorial web ini untuk belajar web design untuk pemula, makanya saya buat bahasa yang mudah dipahami :) Untuk kamu yang sedang  Belajar web design dengan dreamweaver  dan mencari tutorial web membuat aplikasi toko berbasis web kamu bisa membaca postingan utama saya "tutorial web offline". Tapi jika kamu sudah mengikuti sejak awal atau hanya ingin mencari informasi mengenai cara membuat form inputan barang kamu bisa menyimak tutorial web kali ini.

Sebenarnya, setiap form tampilannya saya buat sama saja, hanya systemnya yang berbeda. Maksud system yang berbeda itu fungsinya ya sobat. Ada form yang digunakan untuk menginput data distributor, data kasir dan data yang lainnya. Untuk bisa menampilkan tampilan aplikasi web yang bagus tentunya, semua itu tidak lepas dengan kode html makanya sobat harus belajar cara membuat web dengan HTML. Sobat bisa mengirimkan form pertanyaan di contact us atau di komentar jika sobat ingin bertanya seputar web desain.

Baiklah daripada lama - lama mari kita mulai saja tutorial web desain kali ini. Ingat ya sobat, barang yang saya maksud disini adalah buku. Kamu juga bisa mengkreasikan sesuai dengan barang yang kamu jual.

Tutorial Web - Langkah Membuat Form Inputan Data Barang

tutorial web membuat aplikasi toko form input barang

Simak berikut langkah - langkahnya :

1. Aktifkan XAMPP

2. Buka dreamweaver dan buat file baru dengan ekstensi .php

3. Sebelum mulai dengan koding ada baiknya sobat menyimpan file terlebih dahulu. Jika kamu membuat sama persis aplikasi toko ini dengan saya, silakan simpan di C:XAMPP/htdocs/2587/admin. Simpan dengan nama buku.php. Jika kamu bingung dengan letak file bisa kamu ikuti postingan ini "pengenalan tata letak folder".

3. Tulis source code. Kita akan buat tampilan sama seperti pada gambar diatas.

Letakkan kode berikut ini berada dipaling atas.

<?php
include "../config.php";
include "../login/akses.php";
?>

Source Kode diatas digunakan untuk memanggil atau menghubungkan file config dan akses. Nah untuk fungsi kedua file diatas nanti saya akan jelaskan di postingan lainnya.

Letakkan kode berikut dibawah <head>

<script type="text/javascript">
function popup(){
window.open('printbuku.php','page','toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,

resizable=0,width=800,height=600,left=50,top=50,titlebar=yes');}
</script>

Java script diatas sama persis yang saya buat pada postingan membuat form inputan data kasir. Fungsinya tentu saja untuk mencetak suatu data kedalam bentuk kertas. Tapi untuk kali data yang dicetak adalah data buku.

Letakkan kode berikut dibawah </title>

<link rel="shortcut icon" href="../image/logo.png">
<style>
.wrapheader{
    width:100%;
    height:60px;
    background-color:#2980b9;
    position:absolute;
    color:rgba(0,0,0,1);
    top:0px;
    width:100%;
    padding:0px 20px;
    font-family:Calibri, Verdana;
    margin-left:-10px;
}
.header2{
    width:500px;
    height:45px;
    position:absolute;
    background-color:none;
    margin-left:10px;
    margin-top:0px;
    font-family:"Cataneo BT";
    font-size:36px;
    line-height:1.2em;
    color:rgba(0,102,255,1);
}
.logo{
    width:200px;
    height:200px;
    float:left;
    position:absolute;
    background-color:rgba(255,255,255,1);
    top:100px;
    transition:all ease-in-out 1s;
}
.logo:hover{
    transform:rotate(360deg);
}
input[type="file"]{
    width: 280px;
    padding:10px;
    margin: 1.5em 0;
    color: #888;
    background-color:#00cdb1 ;
    border:none;
    color:#eee;
    border-bottom: 4px solid transparent;
}
#sub{
    width: 100px;
    padding:13px;
    background-color:#00cdb1 ;
    border:none;
    color:#eee;
    float:right;
    border-radius:2px;
    margin-right:5px;
}
#sub2{
    width: 40px;
    padding:5px;
    background-color:#00cdb1 ;
    font-family:Calibri, "Calibri Light", Algerian;
    border:thin solid rgba(153,153,153,1);
    color:#eee;
    float:right;
    border-radius:3px;
    margin-right:15px;
    }
input[type="text"]{
    width: 200px;
    padding:5px;
    color:rgba(0,0,0,1);
    background-color:rgba(255,255,255,1);
    border:thin solid rgba(153,153,153,1);
    height:20px;
    font-family:Calibri, "Calibri Light", Algerian;
    border-radius:3px;
}
.menu{
    width:1100px;
    height:60px;
    background-color:rgba(0,204,255,1);
    margin-top:211px;
    position:absolute;
    float:none;
    margin-left:112px;
    padding:5px;
    text-align:center;
    text-height:max-size;
    color:rgba(0,0,0,1);
    font-size:28px;
}
.menu2{
    width: 280px;
    padding:13px;
    margin: 1.5em 0;
    color: #888;
    background-color:#00cdb1 ;
    border:none;
    color:#eee;
    border-bottom: 4px solid transparent;
    position:absolute;
    margin-top:400px;
    margin-left:100px;
}
.list1{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:40px;
    position:absolute;
    margin-top:320px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(66,139,202,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
}
.list1:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list2{
    width:160px;
    height:34px;
    position:absolute;
    margin-top:369px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list2:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list3{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:34px;
    position:absolute;
    margin-top:409px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list3:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list4{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:34px;
    position:absolute;
    margin-top:449px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list4:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list5{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:34px;
    position:absolute;
    margin-top:489px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list5:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list6{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:34px;
    position:absolute;
    margin-top:529px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list6:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}
.list7{
    background-color:rgba(255,255,255,1);
    width:160px;
    height:34px;
    position:absolute;
    margin-top:565px;
    left:10px;
    border-radius:5px;
    text-align:left;
    color:rgba(0,0,0,1);
    font-family:Calibri, "Calibri Light", Algerian;
    font-size:18px;
    padding-top:7px;
    padding-left:40px;
    line-height:1.7em;
    color:rgba(66,139,202,1);
}
.list7:hover{
    display:block;
    background-color:rgba(204,204,204,0.5);
}

.content{
    background-color:rgba(204,204,204,0.5);
    position:absolute;
    width:1070px;
    height:auto;
    margin-left:230px;
    margin-top:90px;
    padding-left:20px;
    padding-right:20px;
}
.contentinput{
    background-color:rgba(255,255,255,1);
    position:relative;
    width:240px;
    height:auto;
    margin-top:10px;
    margin-left:-5px;
    padding-left:0px;
    padding-right:0px;
    margin-bottom:20px;
    border-radius:5px;
    padding-top:15px;
    padding-bottom:15px;
    border:none;
}
.contentoutput{
    background-color:rgba(255,255,255,1);
    position:relative;
    width:830px;
    height:auto;
    margin-top:-1030px;
    margin-left:-5px;
    padding-left:2px;
    padding-right:2px;
    margin-bottom:20px;
    border-radius:5px;
    padding-top:15px;
    padding-bottom:15px;
    margin-right:-5px;
    border:none;
    float:right;
}
.tampil tr:first-child td{
    text-align:center;
    background-color:#333;
    font-size:13px;
}
.tampil tr:first-child:hover td{
    background-color:#333;
    color:#FFF;
}
.tampil td:nth-child(odd){
    transition:all ease-in-out 0.2s;
    background-color:rgba(181, 181, 181, 0.14);
}
.tampil tr:nth-child(odd){
    background-color:#F0F0F0;
}
.tampil tr:hover td{
    background-color:rgba(19, 117, 208, 0.3);
    color:#333;
}
.font{
font-family:Calibri, "Calibri Light", Algerian;
font-size:18px;
}
#aktif{
background-color:rgba(66,139,202,1);
color:rgba(255,255,255,1);
}
#fix{
position:fixed;
}
.btn-warning{
    color:#fff;
    background-color:#f0ad4e;
    border-color:#eea236;
    transition:all ease-in-out 0.15s;
   
}
.btn-warning:hover{
    display:block;
    background-color:rgba(255,204,102,1);
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  transition:all ease-in-out 0.15s;
}
.btn-danger:hover {
 
  display:block;
  color: #fff;
  background-color: #c9302c;
}
input[type="submit"]{
    width: 100px;
    padding:13px;
    background-color:#00cdb1 ;
    border:none;
    color:#eee;
    float:right;
    border-radius:2px;
    margin-right:5px;
    margin-bottom:5px;
}
</style>

Sudah tahu kan kalau itu script CSS ? hehe. Nah kode Css diatas nantinya akan digunakan untuk membuat tampilan seperti yang saya buat digambar. Sederhana saja, tapi kode css yang saya gunakan memang agak banyak. Kalaupun sobat bisa lebih menyederhakannya tambah bagus :) laoding browser jadi tambah ringan juga.

Untuk menyesuaikan tampilan di browser PC sobat masing - masing, silakan untuk mengotak atik ukuran atau pun warna sesuai keinginan. Ada beberapa ukuran yang saya buat dengan pixel, karena panjang atau lebar pixel setiap PC berbeda - beda silakan untuk mengubah - ubahnya. Selanjutnya kita terapkan kode css diatas dengan tag <div>

Letakkan kode berikut dibawah <body>


<div class="wrapheader" style="position:fixed;z-index:1000;">
<div class="header2" h1 style="color:#f0f0f0;position:fixed; z-index:1000;font-weight:bold;text-decoration:none;line-height:60px;font-family:Calibri;">Hamzah Star Book
</div>

<a class="btn-warning" href="../login/logout.php" style="float:right; margin-right:50px; font-size:18px; text-decoration:none;border-radius:2px;margin-top:15px; padding:4px;">Log out</a><div style="float:right; margin-right:10px; font-size:14px;border-radius:2px;margin-top:17px; padding:4px;position:relative;color:rgba(255,255,255,1);">(admin)</div><img src="../image/adm.png" style="width:25px; height:25px;float:right; margin-right:-10px; font-size:13px;border-radius:2px;margin-top:15px; padding:4px;position:relative;"/><form name="cari" method="post" action="cari-buku.php">
        <table width="477" border="0" align="right" style="margin-top:10px;">
          <tr>
            <td width="365" align="right"><label for="cari"></label>
            <input type="text" name="cari" id="cari" placeholder="cari judul, ID, atau Penulis Buku" style="margin-right:-25px;"></td>
            <td width="70"><input type="submit" name="cari2" id="sub2" value="CARI" class="button" style="margin-top:5px;"></td>
          </tr>
        </table>
        </form></div>
<img src="../image/logo.png" class="logo" id="fix"/>
<a href="admin.php"><div class="list1" id="fix">Dashboard</div></a>
<a href="buku.php"><div class="list2" id="aktif" style="position:fixed">Buku</div></a>
<a href="distributor.php"><div class="list3" id="fix">Distributor</div></a>
<a href="kasir.php"><div class="list4" id="fix">Kasir</div></a>
<a href="pasok.php"><div class="list5" id="fix">Pasok</div></a>
<a href="penjualan.php"><div class="list6" id="fix">Penjualan</div></a>
<div class="content">
  <div class="contentinput"><h1 style="text-align:center; margin-top:0px;font-family:Cataneo BT;    font-size:24px;line-height:1.2em;color:rgba(255,255,255,1);background-color:rgba(51,153,153,1);" >Input Buku</h1><fieldset style="border:none;">
            <form method="post" action="inbuku.php"  enctype="multipart/form-data">
            <div class="font" style="color:rgba(255,0,0,1)">
            <em>*ID telah otomatis dan stok bisa ditambahkan saat Pasok</em></div><br />
            <div class="font">ID Buku<br />
<?php
$host = "localhost";
$username = "root";
$password = "";
$database = "db2587";
$koneksi = new mysqli ($host, $username, $password, $database);
$carikode = mysqli_query($koneksi, "SELECT id_buku from buku") or die (mysqli_error());
$datakode = mysqli_fetch_array($carikode);
$jumlah_data = mysqli_num_rows($carikode);
if ($datakode) {
$nilaikode = substr($jumlah_data[0], 1);
$kode = (int) $nilaikode;
$kode = $jumlah_data + 1;
$kode_otomatis = "B".str_pad($kode, 3, "0", STR_PAD_LEFT);
} else {
$kode_otomatis = "B001";
}?>
                <input type="text" name="id" value="<?=$kode_otomatis?>" readonly="readonly"><p>
            <div class="font">Judul Buku<br>
                <input type="text" name="judul" ><p>
            <div class="font">Nomor ISBN<br />
                  <input type="text" name="noisbn" ><p>
            <div class="font">Penulis<br>
                  <input type="text" name="penulis" ><p>
            <div class="font">Penerbit<br />
                  <input type="text" name="penerbit" ><p>
            <div class="font">Tahun Terbit<br />
                <input type="text" name="thterbit" ><p>
            <div class="font">Stok<br />
                <input type="text" name="stok"  readonly="readonly" style="background:#999999"/><p>
            <div class="font">Harga Pokok<br />
                <input type="text" name="hrgpokok"  /><p>
            <div class="font">Harga Jual<br />
                <input type="text" name="hrgjual"  /><p>
            <div class="font">PPN (%)<br />
                <input type="text" name="ppn"  /><p>
            <div class="font">Diskon (%)<br />
                <input type="text" name="diskon"  /><p>
                <input type="submit" name="submit" value="simpan" class="font" id="sub"/>
            </form>
        </fieldset></div><div class="contentoutput"><h1 style="text-align:center; margin-top:0px;font-family:Cataneo BT;    font-size:24px;line-height:1.2em;color:rgba(255,255,255,1);background-color:rgba(51,153,153,1);" >Data Buku</h1><p><input type="submit" name="prinbk" id="prinbk" value="Cetak" style="height:40px;" onclick='popup()'/>
<center><table width="100%" border="0" cellspacing="0px" style="margin-top:10px; background-color:#FFF;" class="tampil">
  <tr bgcolor='#666' style='color:#FFF;'>
    <td style=padding:5px; width=1% p align=center>ID</td>
    <td width='13%'>Judul Buku</td>
    <td width='7%'>No ISBN</td>
    <td width='10%'>Penulis</td>
    <td width='10%'>Penerbit</td>
    <td width='5%'>Tahun</td>
    <td width='3%'>Stok</td>
    <td width='8%'>Harga Pokok</td>
    <td width='7%'>Harga Jual</td>
    <td width='3%'>PPN</td>
    <td width='3%'>Diskon</td>
    <td width='3%'>opsi</td>
  </tr>
<?php
$p=new paging;
$batas=5;
$posisi= $p->CariPosisi ($batas);
$no=$posisi+1;
$id=$_POST['id_buku'];
$id_brg=mysql_real_escape_string($_GET['id_buku']);

$query=mysql_query("select*from buku order BY id_buku asc limit $posisi,$batas ");
while($row=mysql_fetch_array($query)){ ?>

 <tr>
     <td><center><?php echo $row['id_buku'] ?></td>
    <td><?php echo $row['judul'] ?></td>
    <td><?php echo $row['noisbn'] ?></td>
    <td><?php echo $row['penulis'] ?></td>
    <td><?php echo $row['penerbit']?></td>
    <td><?php echo $row['tahun']?></td>
    <td><?php echo $row['stok']?></td>
    <td>Rp. <?php echo $row['harga_pokok']?></td>
    <td>Rp. <?php echo $row['harga_jual']?></td>
    <td><?php echo $row['ppn']?></td>
    <td><?php echo $row['diskon']?></td>
    <td><center><a href="editbuku.php?id_buku=<?php echo $row['id_buku']; ?>" class="btn btn-warning" style="text-decoration:none;padding-right:8px;padding-left:8px;">Edit</a>
                <a onclick="if(confirm('Apakah anda yakin ingin menghapus data ini ??')){ location.href='hapusbuku.php?id_buku=<?php echo $row['id_buku']; ?>' }" class="btn btn-danger" style="padding-right:1px;padding-left:1px;">Hapus</a></center></td>
     </tr>
<?php
    }
?>
    </table>
<?php
$jmldata=mysql_num_rows(mysql_query("select*from buku order by id_buku asc"));
$jmlhalaman=$p->JumlahHalaman($jmldata, $batas);
$linkHalaman=$p->navHalaman($_GET[halaman], $jmlhalaman);
echo "<div class='pagination'>$linkHalaman<div class='pagingkanan'>$jmldata</div></div>";
?>
</div></div>

<?php
// class paging untuk halaman administrator
class Paging{
// Fungsi untuk mencek halaman dan posisi data
function cariPosisi($batas){
if(empty($_GET['halaman'])){
    $posisi=0;
    $_GET['halaman']=1;
}
else{
    $posisi = ($_GET['halaman']-1) * $batas;
}
return $posisi;
}

// Fungsi untuk menghitung total halaman
function jumlahHalaman($jmldata, $batas){
$jmlhalaman = ceil($jmldata/$batas);
return $jmlhalaman;
}

// Fungsi untuk link halaman 1,2,3 (untuk admin)
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";

// Link ke halaman pertama (first) dan sebelumnya (prev)
if($halaman_aktif > 1){
    $prev = $halaman_aktif-1;
    $link_halaman .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=1>&laquo; First</a>
                    <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$prev>&lsaquo; Prev</a>";
}
else{
    $link_halaman .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=1>&laquo; First</a>
                    <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=1>&lsaquo; Prev </a>";
}

// Link halaman 1,2,3, ...
$angka = ($halaman_aktif > 3 ? " ... " : " ");
for ($i=$halaman_aktif-2; $i<$halaman_aktif; $i++){
  if ($i < 1)
      continue;
      $angka .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$i>$i</a>";
  }
      $angka .= " <strong>$halaman_aktif</strong>";
     
    for($i=$halaman_aktif+1; $i<($halaman_aktif+3); $i++){
    if($i > $jmlhalaman)
      break;
      $angka .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$i>$i</a>";
    }
      $angka .= ($halaman_aktif+2<$jmlhalaman ? " ... <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman>$jmlhalaman</a> " : " ");

$link_halaman .= "$angka";

// Link ke halaman berikutnya (Next) dan terakhir (Last)
if($halaman_aktif < $jmlhalaman){
    $next = $halaman_aktif+1;
    $link_halaman .= " <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$next>Next &rsaquo;</a>
                     <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman>Last &raquo;</a> ";
}
else{
    $link_halaman .= " <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman>Next &rsaquo;</a>
                     <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman>Last &raquo;</a> ";
}
return $link_halaman;
}
}


// class paging untuk halaman administrator (pencarian berita)
class Paging{
// Fungsi untuk mencek halaman dan posisi data
function cariPosisi($batas){
if(empty($_GET['halaman'])){
    $posisi=0;
    $_GET['halaman']=1;
}
else{
    $posisi = ($_GET['halaman']-1) * $batas;
}
return $posisi;
}

// Fungsi untuk menghitung total halaman
function jumlahHalaman($jmldata, $batas){
$jmlhalaman = ceil($jmldata/$batas);
return $jmlhalaman;
}

// Fungsi untuk link halaman 1,2,3 (untuk admin)
function navHalaman($halaman_aktif, $jmlhalaman){
$link_halaman = "";

// Link ke halaman pertama (first) dan sebelumnya (prev)
if($halaman_aktif > 1){
    $prev = $halaman_aktif-1;
    $link_halaman .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=1&kata=$_GET[kata]>&laquo; First</a>
                    <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$prev&kata=$_GET[kata]>&lsaquo; Prev</a>";
}
else{
    $link_halaman .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=1&kata=$_GET[kata]>&laquo; First</a>
                    <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$prev&kata=$_GET[kata]>&lsaquo; Prev</a>";
}

// Link halaman 1,2,3, ...
$angka = ($halaman_aktif > 3 ? " ... " : " ");
for ($i=$halaman_aktif-2; $i<$halaman_aktif; $i++){
  if ($i < 1)
      continue;
      $angka .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$i&kata=$_GET[kata]>$i</a>";
  }
      $angka .= "<strong>$halaman_aktif</strong>";
     
    for($i=$halaman_aktif+1; $i<($halaman_aktif+3); $i++){
    if($i > $jmlhalaman)
      break;
      $angka .= "<a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$i&kata=$_GET[kata]>$i</a>";
    }
      $angka .= ($halaman_aktif+2<$jmlhalaman ? " ... <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman&kata=$_GET[kata]>$jmlhalaman</a>" : " ");

$link_halaman .= "$angka";

// Link ke halaman berikutnya (Next) dan terakhir (Last)
if($halaman_aktif < $jmlhalaman){
    $next = $halaman_aktif+1;
    $link_halaman .= " <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$next&kata=$_GET[kata]>Next &rsaquo;</a>
                     <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman&kata=$_GET[kata]>Last &raquo;</a> ";
}
else{
    $link_halaman .= " <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman&kata=$_GET[kata]>Next &rsaquo;</a>
                     <a href=$_SERVER[PHP_SELF]?page=$_GET[page]&halaman=$jmlhalaman&kata=$_GET[kata]>Last &raquo;</a> ";
}
return $link_halaman;
}
}

?>
    </table>     
        </div></div>
</div>

Pemisahan kode PHP pada source kode diatas hanya akan membuat sobat bingung, apalagi saya :D Oleh karena itu saya share sekalian agar nanti fungsinya bisa langsung sobat lihat :)

4. Selesai dan simpan.

Baik, sekian tutorial web membuat aplikasi toko. Simak tutorial selanjutnya mengenai membuat form inputan pasok. Jika kamu masih bingung dengan tutorial web yang saya buat silakan simak dari awal.

Terimakasih sudah berkunjung :) jangan lupa like fanpage saya ya sobat.







November 14, 2017 - tanpa komentar

0 komentar untuk TUTORIAL WEB MEMBUAT APLIKASI TOKO - FORM INPUTAN DATA BARANG.


Perlihatkan Semua Komentar Tutup Semua Komentar