TUTORIAL WEB MEMBUAT INPUTAN DATA PASOK

TUTORIAL WEB MEMBUAT INPUTAN DATA PASOK, Setelah selesai mengerjakan halaman input data barang, saat kita masuk ke tutoril web cara membuat inputan data pasok. Perlu sobat tahu kalau ini adalah tahapan ke 8, nah untuk kamu yang ingin mengikuti dari awal silakan ikuti tutorial web utama saya yaitu "tutorial web membuat web toko offline"



Semua tutorial web sudah saya kemas dengan bahasa yang mudah untuk dipahami. Semoga saja sobat bisa mengkuti dan saya berharap sobat bisa mengubah, mengedit maupun mengembangkan sebuah source code yang saya berikan.

Nah, untuk kali ini kita akan membuat form inputan data pasok. Sedikit penjelasan kalau form inputan data pasok ini digunakan untuk menyimpan data pasokan barang. Jadi setiap ada barang masuk, data - data nya di masukkan lewat form ini. Data yang dimaksud ada data distributor, id buku/barang, dan jumlah.

Didalam form pasok ini, terjadi sebuah relasi/hubungan antar table di database. Sobat bisa lihat tampilan data pasok ada id pasok, id distributor, nama distributor, id buku, jumlah, dan tanggal. Padahal didalam table pasok di database hanya menyimpan id pasok, id distributor, id buku, jumlah dan tanggal saja. Kamu bisa lihat gambar ini.

tutorial web membuat aplikasi toko form pasok


Tetapi di tampilan form bisa ada nama distributor, nah inilah yang disebut relasi. Perlu sobat tahu kalau nama distributor tersimpan di table distributor tapi saya berhasil menghubungkannya ke table pasok :)

Baiklah, mari kita buat form inputan data pasok. Semoga berjalan lancar dan tanpa terkendala error :)

Tutorial Web Membuat Inputan Data Pasok

tutorial web membuat form input data pasok

1. Seperti biasa, aktifkan XAMPP.

2. Buka aplikasi dreamweaver dan buat blank page dengan ekstensi .php

3. Ada baiknya sobat simpan dulu dengan lokasi C:XAMPP/htdocs/2587/admin. Ingat ya, jika kamu mengikuti postingan saya dari awal yaitu "tutorial web toko offline" dan mengikuti sama persis setiap letak file dan folder pada postingan "pengenalan tata letak folder web" silakan untuk menyamakan letak file pasok ini. Simpan dengan nama pasok.php

4. Tulis source code berikut dibawah ini dan jangan copas. Secara tidak sadar, ketika sobat teliti dan terbiasa mengetikkan source code kamu akan bisa mengerti maksud dari source code tersebut entah cepat atau lambat. Oke langsung saja.

Kode berikut untuk koneksi ke database dan koneksi ke session (akses.php)

Letakkan kode berikut berada paling atas 

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

Kalau untuk kode dibawah ini adalah untuk membuat fungsi print atau cetak data. Data yang dicetak adalah data pasok.

Letakkan source code berikut dibawah <head>

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

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


Nah, sekarang saatnya kita masuk pada kode css. Untuk kode css, letakkan 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;
}
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;
}
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:-573px;
    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:15px;
}
.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);
}
#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;
    }
#fix{
position:fixed;
}
.form-control, .daterangepicker .input-mini, .input-group > .ui-select-bootstrap > input.ui-select-search.form-control, .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.25rem; }
.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);
}
</style>

Kode css diatas akan menghasilkan sebuah tampilan sama persis di gambar yang kedua. Tapi untuk bisa menampilkannya diperlukan tag <div>. Nah, berikut adalah tag <div> yang letaknya di bawah <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-pasok.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 ID atau tanggal Pasok" 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="fix">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="aktif" style="position:fixed">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 Data Pasok</h1>
    <fieldset style="border:none;">
            <form method="post" action="inpasok.php"  enctype="multipart/form-data">
            <div class="font" style="color:rgba(255,0,0,1)">
            <em>*ID telah otomatis </em></div><br />
            <div class="font">ID Pasok<br />
<?php
$host = "localhost";
$username = "root";
$password = "";
$database = "db2587";
$koneksi = new mysqli ($host, $username, $password, $database);
$carikode = mysqli_query($koneksi, "SELECT id_pasok from pasok") 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 = "P".str_pad($kode, 3, "0", STR_PAD_LEFT);
} else {
$kode_otomatis = "P001";
}?>
                <input type="text" name="id" value="<?=$kode_otomatis?>" readonly="readonly"><p>
            <div class="font">ID Distributor<br />
           <?php
include '../config.php';
$q = mysql_query("select * from distributor ORDER BY id_distributor asc");
$no=1;
echo ' <input type="text" name="iddistrib" list="id_distrib" class="form-control" id="iddistrib">';
echo '<datalist id="id_distrib">';
while ($row1 = mysql_fetch_array($q)){
     echo '<option value="'.$row1['id_distributor'].'">'.$row1['id_distributor'].' '.$row1['nama_distributor'].' </option>';
}
echo '</datalist>';
?><p>
            <div class="font">ID Buku<br />
                                            <?php
include '../config.php';
$q = mysql_query("select * from buku ORDER BY id_buku asc");
$no=1;
echo ' <input type="text" name="idbuku" list="id_buku" class="form-control" id="idbuku">';
echo '<datalist id="id_buku">';
while ($row1 = mysql_fetch_array($q)){
     echo '<option value="'.$row1['id_buku'].'">'.$row1['id_buku'].' '.$row1['judul'].' </option>';
}
echo '</datalist>';
?><p>
            <div class="font">Jumlah<br>
                  <input type="text" name="jml" ><p>
            <div class="font">Tanggal<br>
                  <input type="text" name="tgl" value="<?php echo date('d-m-Y')?>"><p>
           
                  <input type="submit" name="submit" value="simpan" class="font"/>
            </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 Pasok</h1>
          <p>
          <input type="submit" name="prinbk" id="prinbk" value="Cetak" style="height:40px;" onclick='popup()'/>
<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="6%" p align="center">ID Pasok</td>
    <td width="13%">ID Distributor</td>
    <td width="13%">Nama Distributor</td>
    <td width="7%">ID Buku</td>
    <td width="10%">Jumlah</td>
    <td width="10%">Tanggal</td>
  </tr>
<?php
$p=new paging;
$batas=8;
$posisi= $p->CariPosisi ($batas);
$no=$posisi+1;
$id=$_POST['id_pasok'];
$id_brg=mysql_real_escape_string($_GET['id_pasok']);

$query=mysql_query("select pasok.*,distributor.nama_distributor from pasok,distributor WHERE pasok.id_distributor=distributor.id_distributor order BY id_pasok asc limit $posisi,$batas ");
while($d=mysql_fetch_array($query)){ ?>
        <tr>
            <td><center><?php echo $d['id_pasok'] ?></td>
            <td><center><?php echo $d['id_distributor']?></td>
            <td><center><?php echo $d['nama_distributor'] ?></td>
            <td><center><?php echo $d['id_buku'] ?></td>
            <td><center><?php echo $d['jumlah'] ?></td>
            <td><center><?php echo $d['tanggal'] ?></td>
            </tr>       
       <?php
    }
    ?>
    </table>
    <center>
    <?php
$jmldata=mysql_num_rows(mysql_query("select*from pasok order by id_pasok 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 Paging9{
// 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;
}
}

?>      
        </div>
</div>

Tulis kode diatas dengan teliti ya sobat. Nanti akan menghasilkan tampilan sama seperti apa yang saya buat. Jika kamu menginginkan tampilan yang berbeda, silakan cari dan edit kode css nya. Lalu bagaimana saya bisa menemukan kode pada tampilan tertentu gan ? Silakan sobat buka webnya di browser kemudian klik kanan pada tampilan yang ingin diubah, klik inspect elemen dan kamu akan ditunjukan kodenya.

Aku masih belum paham setiap fungsi script agan nih. Oke nanti saya jelaskan secara detail di postingan lain. Nah, tugas sobat adalah mencoba mengotak atik script yang sudah saya berikan.
Selamat mencoba :)

5. Selesai, simpan.

Jangan lupa fanpage ane di samping ya gan :)



November 17, 2017 - tanpa komentar

0 komentar untuk TUTORIAL WEB MEMBUAT INPUTAN DATA PASOK.


Perlihatkan Semua Komentar Tutup Semua Komentar