SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Ketemu lagi dengan saya, di kesempatan kali ini saya akan melanjutkan progress yang sama
yaitu client server perpustakaan. Sebelumnya saya telah membahas tentang cliennya, sekarang
yang akan kita bahas adalah servernya. Langsung saja kita masuk pada pembahasannya.
Gambar di atas adalah adalah tamplikan awal dari server saya. Disini saya hanya membuat
tampilan server sederhana. Kita bisa lihat pada menu sebelah kiri ada beberapa pilihan yaitu
mahasiswa, buku, trasnsaksi dan seterusnya. Sekarang kita akan melihat tampilan dari data
buku.
Untuk membuat tampilan seperti gambar di atas, berikut adalah kodinggnya.
Buku.php
<?php
include 'koneksi.php';
?>
<h1><center> Tambah Data Buku </center></h1>
<a href="index.php?home=tambah_bk"class="btnbtn-primary">Tambah</a>
<table class="table table-bordered"border="1">
<thead>
<tr>
<th><center>No</center></th>
<th><center>Id_Buku</center></th>
<th><center>Nama_Buku</center></th>
<th><center>Penerbit</center></th>
<th><center>Aksi</center></th>
</tr>
</thead>
<tbody>
<?php $nomor=1; ?>
<?php $ambil=$koneksi->query("SELECT* FROMbuku");?>
<?php while ($bk= $ambil->fetch_assoc()){ ?>
<tr>
<td><?php echo$nomor; ?></td>
<td><?php echo$bk['id_buku'];?></td>
<td><?php echo$bk['nama_buku'];?></td>
<td><?php echo$bk['penerbit'];?></td>
<td>
<a class="btnbtn-success"href="hapus_bk.php?id_buku=<?phpecho
$bk['id_buku'];?>">hapus</a>
<a class="btnbtn-success"href="index.php?home=edit_bk&id_buku=<?php
echo$bk['id_buku'];?>">edit</a>
</td>
</tr>
<?ph <?php } ?>
</tbody>
</table>
Berikutnya ketika kita ingin menambah data buku maka kita harus membuat program untuk
penambahan data, dan ini adalah kodingnya.
Tambah_bk.php
<?php
include 'koneksi.php';
?>
<form method="post" enctype="multipart/form-data">
<div class="form-group">
<label>Id_Buku</label>
<input type="numerik" class="form-control" name="id_buku">
</div>
<div class="form-group">
<label>Nama_Buku</label>
<input type="text" class="form-control" name="nama_buku">
</div>
<div class="form-group">
<label>Penerbit</label>
<input type="text" class="form-control" name="penerbit">
</div>
<button class="btn btn-primary" name="save">Simpan</button>
</form>
<?php
if (isset($_POST['save']))
{
$koneksi->query("INSERT INTO buku (id_buku,nama_buku,penerbit)
VALUES('$_POST[id_buku]','$_POST[nama_buku]','$_POST[penerbit]')");
echo "<div class='alert alert-info'>Data Tersimpan</div>";
echo "<meta http-equiv='refresh' content='1;url=index.php?home=buku'>";
echo "<script>alert('data buku berhasil di input');</script>";
}
?>
p $nomor++; ?>
begitupulauntukmengeditdanmenghapus,berikutadalahgambardankodingnya.
Edit_bk.php
<?php
include 'koneksi.php';
?>
<?php
$ambil=$koneksi->query("SELECT*FROM bukuWHERE id_buku='$_GET[id_buku]'");
$bk=$ambil->fetch_assoc();
?>
<form method="post"enctype="multipart/form-data">
<divclass="form-group">
<label>Id_Buku</label>
<inputtype="numerik" name="id_buku"class="form-control"value="<?phpecho
$bk['id_buku'];?>">
</div>
<divclass="form-group">
<label>Nama_Buku</label>
<inputtype="text"name="nama_buku"class="form-control"value="<?phpecho
$bk['nama_buku'];?>">
</div>
<divclass="form-group">
<label>Penerbit</label>
<inputtype="text"name="penerbit"class="form-control"value="<?phpecho
$bk['penerbit'];?>">
</div>
<buttonclass="btnbtn-success"name="edit">edit</button>
</form>
<?php
if (isset($_POST['edit']))
{
$koneksi->query("UPDATEbukuSET
id_buku='$_POST[id_buku]',
nama_buku='$_POST[nama_buku]',
penerbit='$_POST[penerbit]'
WHERE id_buku='$_GET[id_buku]'");
echo"<divclass='alertalert-info'>DataBerhasildiganti</div>";
echo"<meta http-equiv='refresh'content='1;url=index.php?home=buku'>";
echo"<script>alert('databukuberhasil di Ubah');</script>";
}
?>
Sekian dulu postingan dari saya, semoga bermanfaat. Nantikan postingan berikutnya dari saya.

Weitere ähnliche Inhalte

Was ist angesagt?

Pemrograman Web 3
Pemrograman Web 3Pemrograman Web 3
Pemrograman Web 3andreboys
 
Tutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisTutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisDeka M Wildan
 
Uploud website dari localhost ke hosting
Uploud website dari localhost ke hostingUploud website dari localhost ke hosting
Uploud website dari localhost ke hostingBambang
 
Tutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaTutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaRCH_98
 

Was ist angesagt? (6)

Bab2 form php
Bab2 form phpBab2 form php
Bab2 form php
 
Pemrograman Web 3
Pemrograman Web 3Pemrograman Web 3
Pemrograman Web 3
 
Tutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi InventarisTutorial php membuat Aplikasi Inventaris
Tutorial php membuat Aplikasi Inventaris
 
Html dasar
Html dasarHtml dasar
Html dasar
 
Uploud website dari localhost ke hosting
Uploud website dari localhost ke hostingUploud website dari localhost ke hosting
Uploud website dari localhost ke hosting
 
Tutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaTutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta Databasenya
 

Ähnlich wie Client server part 10

Modul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lxModul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lxsugiyanto gunadi
 
Proyek+membangun+cms+tanpa+oop
Proyek+membangun+cms+tanpa+oopProyek+membangun+cms+tanpa+oop
Proyek+membangun+cms+tanpa+oopTelkomsat
 
Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdf
Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdfMembuat CRUD data Mahasiswa dengan PHP MYSQLi.pdf
Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdfomuru
 
Desain web 2 kolom
Desain web 2 kolomDesain web 2 kolom
Desain web 2 kolomHaswi Haswi
 
pertemuan-2-html-hypertext-markup-language.ppt
pertemuan-2-html-hypertext-markup-language.pptpertemuan-2-html-hypertext-markup-language.ppt
pertemuan-2-html-hypertext-markup-language.pptFatoni Pinocchio
 
fdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.pptfdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.pptRizkyRamdan2
 
Tutorial web programing
Tutorial web programingTutorial web programing
Tutorial web programingeghha
 
Laporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteLaporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteShofura Kamal
 
Mengenal script html 2
Mengenal script html 2Mengenal script html 2
Mengenal script html 2Ali Muntaha
 

Ähnlich wie Client server part 10 (20)

Modul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lxModul edit template web dengan php dan my sq lx
Modul edit template web dengan php dan my sq lx
 
Cover
CoverCover
Cover
 
Proyek+membangun+cms+tanpa+oop
Proyek+membangun+cms+tanpa+oopProyek+membangun+cms+tanpa+oop
Proyek+membangun+cms+tanpa+oop
 
PWEB HTML
PWEB HTMLPWEB HTML
PWEB HTML
 
Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdf
Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdfMembuat CRUD data Mahasiswa dengan PHP MYSQLi.pdf
Membuat CRUD data Mahasiswa dengan PHP MYSQLi.pdf
 
Modul web-design
Modul web-designModul web-design
Modul web-design
 
Desain web 2 kolom
Desain web 2 kolomDesain web 2 kolom
Desain web 2 kolom
 
Belajar php
Belajar phpBelajar php
Belajar php
 
Belajar php
Belajar phpBelajar php
Belajar php
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
pertemuan-2-html-hypertext-markup-language.ppt
pertemuan-2-html-hypertext-markup-language.pptpertemuan-2-html-hypertext-markup-language.ppt
pertemuan-2-html-hypertext-markup-language.ppt
 
Modul html
Modul htmlModul html
Modul html
 
fdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.pptfdokumen.com_pengantar-html-56a0e352ed109.ppt
fdokumen.com_pengantar-html-56a0e352ed109.ppt
 
Laporan css
Laporan cssLaporan css
Laporan css
 
Kk 13 modul
Kk 13 modulKk 13 modul
Kk 13 modul
 
Tutorial web programing
Tutorial web programingTutorial web programing
Tutorial web programing
 
Web Stastis disertai dengan link-link
Web Stastis disertai dengan link-linkWeb Stastis disertai dengan link-link
Web Stastis disertai dengan link-link
 
Laporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteLaporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat Website
 
Mengenal script html 2
Mengenal script html 2Mengenal script html 2
Mengenal script html 2
 
Proyek 3
Proyek 3Proyek 3
Proyek 3
 

Mehr von fadlihulopi

Mehr von fadlihulopi (8)

Client server part 14
Client server part 14Client server part 14
Client server part 14
 
Client server part 12
Client server part 12Client server part 12
Client server part 12
 
Client server part 8
Client server part 8Client server part 8
Client server part 8
 
Client server part 7
Client server part 7Client server part 7
Client server part 7
 
Part 4
Part 4Part 4
Part 4
 
Blog 3
Blog 3Blog 3
Blog 3
 
Blog 2
Blog 2Blog 2
Blog 2
 
Uts
UtsUts
Uts
 

Client server part 10

  • 1. Ketemu lagi dengan saya, di kesempatan kali ini saya akan melanjutkan progress yang sama yaitu client server perpustakaan. Sebelumnya saya telah membahas tentang cliennya, sekarang yang akan kita bahas adalah servernya. Langsung saja kita masuk pada pembahasannya. Gambar di atas adalah adalah tamplikan awal dari server saya. Disini saya hanya membuat tampilan server sederhana. Kita bisa lihat pada menu sebelah kiri ada beberapa pilihan yaitu mahasiswa, buku, trasnsaksi dan seterusnya. Sekarang kita akan melihat tampilan dari data buku. Untuk membuat tampilan seperti gambar di atas, berikut adalah kodinggnya. Buku.php <?php include 'koneksi.php'; ?> <h1><center> Tambah Data Buku </center></h1> <a href="index.php?home=tambah_bk"class="btnbtn-primary">Tambah</a> <table class="table table-bordered"border="1"> <thead> <tr> <th><center>No</center></th> <th><center>Id_Buku</center></th> <th><center>Nama_Buku</center></th> <th><center>Penerbit</center></th> <th><center>Aksi</center></th>
  • 2. </tr> </thead> <tbody> <?php $nomor=1; ?> <?php $ambil=$koneksi->query("SELECT* FROMbuku");?> <?php while ($bk= $ambil->fetch_assoc()){ ?> <tr> <td><?php echo$nomor; ?></td> <td><?php echo$bk['id_buku'];?></td> <td><?php echo$bk['nama_buku'];?></td> <td><?php echo$bk['penerbit'];?></td> <td> <a class="btnbtn-success"href="hapus_bk.php?id_buku=<?phpecho $bk['id_buku'];?>">hapus</a> <a class="btnbtn-success"href="index.php?home=edit_bk&id_buku=<?php echo$bk['id_buku'];?>">edit</a> </td> </tr> <?ph <?php } ?> </tbody> </table>
  • 3. Berikutnya ketika kita ingin menambah data buku maka kita harus membuat program untuk penambahan data, dan ini adalah kodingnya. Tambah_bk.php <?php include 'koneksi.php'; ?> <form method="post" enctype="multipart/form-data"> <div class="form-group"> <label>Id_Buku</label> <input type="numerik" class="form-control" name="id_buku"> </div> <div class="form-group">
  • 4. <label>Nama_Buku</label> <input type="text" class="form-control" name="nama_buku"> </div> <div class="form-group"> <label>Penerbit</label> <input type="text" class="form-control" name="penerbit"> </div> <button class="btn btn-primary" name="save">Simpan</button> </form> <?php if (isset($_POST['save'])) { $koneksi->query("INSERT INTO buku (id_buku,nama_buku,penerbit) VALUES('$_POST[id_buku]','$_POST[nama_buku]','$_POST[penerbit]')"); echo "<div class='alert alert-info'>Data Tersimpan</div>"; echo "<meta http-equiv='refresh' content='1;url=index.php?home=buku'>"; echo "<script>alert('data buku berhasil di input');</script>"; } ?> p $nomor++; ?> begitupulauntukmengeditdanmenghapus,berikutadalahgambardankodingnya.
  • 5. Edit_bk.php <?php include 'koneksi.php'; ?> <?php $ambil=$koneksi->query("SELECT*FROM bukuWHERE id_buku='$_GET[id_buku]'"); $bk=$ambil->fetch_assoc(); ?> <form method="post"enctype="multipart/form-data"> <divclass="form-group"> <label>Id_Buku</label> <inputtype="numerik" name="id_buku"class="form-control"value="<?phpecho $bk['id_buku'];?>"> </div> <divclass="form-group"> <label>Nama_Buku</label> <inputtype="text"name="nama_buku"class="form-control"value="<?phpecho $bk['nama_buku'];?>"> </div> <divclass="form-group"> <label>Penerbit</label>
  • 7. Sekian dulu postingan dari saya, semoga bermanfaat. Nantikan postingan berikutnya dari saya.