Vytváření CRUD pomocí konceptu OOP v PHP s Bootstrap view

podle Portgastea · Smět 29, 2015

Hai All ketemu lagi bersama saya portgastea , tento tutoriál vytváří CRUD mengunakan konsep OOP di PHP dengan tampilan Bootstrap, walaupun saya baru belajar konsep OOP di PHP saya ingin SHARE, barangkali aja bermanfaat.

Sebelumnya saya ingin menjelaskan alasan mengapa kita mesti dan mulai menerapkan konsep OOP.

Konsep OOP memudahkan kita untuk menganalisa program yang kita akan buat. Ini akan sangat terasa kalau kita membuat program besar dan riwet.
Dengan OOP, proses reuse kode-kode yang kita buat untuk project yang hampir sama, mudah, karena kode yang kita buat rapih dan terstruktur. Sehingga untuk mengubah atau reuse kode gak pusing-pusing lagi.
Konsepnya per modul. Pernah buat fungsi ato prosedur di C atau di PHP ? lalu kita tinggal panggil saja kan nama fungsinya. Kalau error pasti mudah diketahui karena terbaca dari fungsi yang kita panggil. Itulah maksudnya konsep per modul. Sehingga dengan OOP, kita dimudahkan untuk membuat dan membaca kode kita (efisiensi kode).
Dengan OOP, kode-kode yang kita buat menjadi lebih rapih dan terstruktur.

OK langsung saja, pertama buat directory baru dengan nama crudoop atau terserah anda di htdocs lalu download Bootstrap dan masukan folder assets ke directory tersebut.

Pertama membuat database baru dengan nama crud_oop setelah itu buat tabel biodata seperti dibawah ini

biodata.php

CREATE TABLE LI NOT EXISTS `biodata` (
`id` int(11) NE NULL,
  `nama` varchar(200) NE NULL,
  `tmpt_lahir` varchar(40) NE NULL,
  `tgl_lahir` date NE NULL,
  `alamat` text NOT NULL,
  `telpon` varchar(15) NE NULL
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=10 ;
 
--
-- Dumping data pro table `biodata`
--
 
INSERT INTO `biodata` (`id`, `nama`, `tmpt_lahir`, `tgl_lahir`, `alamat`, `telpon`) VALUES
(3, 'asep', 'ciamis', '1989-07-01', 'sadsadsad', '09090909'),
(6, 'sutisna tea', 'jakarta', '1998-01-01', 'andeztea', '090909090'),
(7, 'dina maulidina', 'jakarta', '1999-01-01', 'sadsadsadasdasdd', '090900909'),
(8, 'wahyu', 'jakarta', '1999-02-02', 'sadasdadadasd', '98989898'),
(9, 'iman ', 'cianjur', '1999-01-01', 'pasirhuni', '0909090909090');
 
--
-- Indexes pro dumped tables
--
 
--
-- Indexes pro table `biodata`
--
ALTER TABLE `biodata`
 ADD PRIMARY KEY (`id`);

Kedua buat file php baru dengan nama koneksi.php lalu copy an script dibawah ini

koneksi.php

<?php
//membuat class databse
třída databáze {
    // properti
    private $dbHost = "localhost";
    private $dbUser = "root";
    private $dbPass = "12345";
    private $dbName = "crud_oop";
 
    // method koneksi MySQL
    funkce connectMySQL() {
        mysql_connect($this->dbHost, $this->dbUser, $this->dbPass);
        mysql_select_db($this->dbName) nebo zemřít("Database tidak ada!");
    }
 
    // method tambah data (insert)	
    funkce tambahBiodata($nama,$tmpt_lahir,$tgl_lahir,$adresa,$telpon) {
 
        $query = "INSERT INTO biodata(nama,tmpt_lahir,tgl_lahir,adresa,telpon) VALUES ('$nama','$tmpt_lahir','$tgl_lahir','$adresa','$telpon')";
        $hasil = mysql_query($query);
 
        -li ($hasil)
		  echo "<div class='alert alert-block alert-success'><silný><i></i> DATA BERHASIL DI SIMPAN</silný></div>";
 
        jiný
         echo "<div class='alert alert-block alert-danger'><silný><i></i> DATA GAGAL DI UPDATE</silný></div>";
		}
 
 
    // method tampil data 	
    funkce tampilBiodata() {
        $query = mysql_query("SELECT * FROM biodata ORDER BY id");
        zatímco ($řádek = mysql_fetch_array($query))
            $data[] = $řádek;
        vrátit se $data;
    }
 
    // method hapus data
    funkce hapusBiodata($id_b) {
        $query = mysql_query("DELETE FROM biodata WHERE id='$id_b'");
		-li ($query)
		    echo "<div class='alert alert-block alert-success'><silný><i></i> Data Biodata dengan ID " . $id_b . " sudah dihapus</silný></div>";
		jiný
			 echo "<div class='alert alert-block alert-danger'><silný><i></i>GAGAL DI HAPUS</silný></div>";
    }
 
    // method membaca data biodata
    funkce bacaDataBiodata($field, $id_b) {
        $query = "SELECT * FROM biodata WHERE id = '$id_b'";
        $hasil = mysql_query($query);
        $data = mysql_fetch_array($hasil);
        -li ($field == 'nama')
            vrátit se $data['nama'];
		jiný -li ($field == 'tmpt_lahir')
            vrátit se $data['tmpt_lahir'];
		jiný -li ($field == 'tgl_lahir')
            vrátit se $data['tgl_lahir'];
        jiný -li ($field == 'alamat')
            vrátit se $data['alamat'];
        jiný -li ($field == 'telpon')
            vrátit se $data['telpon'];
    }
 
    // method untuk proses update data biodata
    funkce updateDataBiodata($id_b, $nama,$tmpt_lahir,$tgl_lahir,$adresa,$telpon) {
        $query = "UPDATE biodata SET nama='$nama',tmpt_lahir='$tmpt_lahir',tgl_lahir='$tgl_lahir', alamat ='$adresa', telpon='$telpon' WHERE id='$id_b'";
        $hasilupdate=mysql_query($query);
 
        -li ($hasilupdate)
		    echo "<div class='alert alert-block alert-success'><silný><i></i> DATA BERHASIL DI UPDATE</silný></div>";
        jiný
            echo "<div class='alert alert-block alert-danger'><silný><i></i> DATA GAGAL DI UPDATE</silný></div>e";
    }
 
}
?>

Ketiga buat file index.php nya seperti gambar dibawah ini

index.php

<!DOCTYPE html>
<html lang="en">
  <hlava>
    <meta charset="utf-8">
    <titul>Vytváření CRUD pomocí konceptu OOP v PHP s Bootstrap view</titul>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
 
    <!-- Le styles -->
	    <link href="assets/css/bootstrap.css" rel="stylesheet" media="screen">
        <link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
		 <link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <styl>
      tělo {
        padding-top: 60px; /* 60px, aby se kontejner dostal až na konec horní lišty */
      }
    </styl>
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
 
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></skript>
    <![endif]-->
 
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="assets/ico/favicon.png">
  </hlava>
 
  <tělo>
 <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></rozpětí>
            <span class="icon-bar"></rozpětí>
            <span class="icon-bar"></rozpětí>
          </knoflík>
          <a class="brand" href="http://andeznet.com">AndezNet</A>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="#">Domov</A></li>
			  <li class="active"><a href="#">Biodata</A></li>
              <li><a href="#">Odhlásit se</A></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
 
	<div class="container">
<?php
// memanggil file koneksi
include 'koneksi.php';
 
// instance objek db
$db = new databáze();
 
// koneksi ke MySQL via method
$db->connectMySQL();
 
// proses hapus data
-li (isset($_DOSTAT['aksi'])) {
    -li ($_DOSTAT['aksi'] == 'hapus') {
        // baca ID dari parameter ID Biodata yang akan dihapus
        $id = $_DOSTAT['id_b'];
 
        // proses hapus data biodata berdasarkan ID via method
        $db->hapusBiodata($id);
    } elseif ($_DOSTAT['aksi'] == 'tambah') {
        echo"<br>
<form method=POST action='?aksi=tambahBiodata'>
<table cellpadding='0' cellspacing='0' border='0' class='table table-striped table-bordered' >
<tr><td>název</td><td><input type=text name='nama'></td></tr>
<tr><td>Tempat lahir</td><td><input type=text name='tmpt_lahir'></td></tr>
<tr><td>Tanggal lahir</td><td><input type=text name='tgl_lahir' ></td></tr>
<tr><td>Alamat</td><td><textarea type=text name='alamat'></textarea></td></tr>
<tr><td>Telpon</td><td><input type=text name='telpon'></td></tr>
<tr><td></td><td><button type='submit' class='btn btn-primary'>SIMPAN</knoflík></td></tr>
</stůl>
</form>
";
    } elseif ($_DOSTAT['aksi'] == 'tambahBiodata') {
        $nama = $_POŠTA['nama'];
		$tmpt_lahir = $_POŠTA['tmpt_lahir'];
		$tgl_lahir = $_POŠTA['tgl_lahir'];
        $adresa = $_POŠTA['alamat'];
        $telpon = $_POŠTA['telpon'];
 
        $db->tambahBiodata($nama,$tmpt_lahir,$tgl_lahir, $adresa, $telpon);
    }
// proses edit data
    jiný -li ($_DOSTAT['aksi'] == 'edit') {
        // baca ID Biodata yang akan di edit
        $id = $_DOSTAT['id_b'];
 
// menampilkan form edit Biodata pakai method bacaBiodata()
        ?>	
 
        <form class="form-horizontal" method="post" action="<?php $_SERVER['PHP_SELF'] ?>?aksi=update">
            <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" >
                <tr><td>Nama Lengkap</td><td>:</td>
                    <td><input type="text" name="nama" value="<?php echo $db->bacaDataBiodata('nama', $id); ?>"></td>
                </tr>
 
				<tr><td>Tempat lahir</td><td>:</td>
                    <td><input type="text" name="tmpt_lahir" value="<?php echo $db->bacaDataBiodata('tmpt_lahir', $id); ?>"></td>
                </tr>
 
				<tr><td>Tanggal lahir</td><td>:</td>
                    <td><input type="text" name="tgl_lahir" value="<?php echo $db->bacaDataBiodata('tgl_lahir', $id); ?>"></td>
                </tr>
 
                <tr><td>Alamat</td><td>:</td>
                    <td><textarea type="text" name="alamat" size="40"><?php echo $db->bacaDataBiodata('alamat', $id); ?></textarea></td>
                </tr>
 
                <tr><td>Telpon</td><td>:</td>
                    <td><input type="text" name="telpon" value="<?php echo $db->bacaDataBiodata('telpon', $id); ?>"></td>
                </tr>	
            </stůl>
            <input type="hidden" name="id" value="<?php echo $id; ?>">
            <td><button type='submit' class='btn btn-primary'>UPDATE</knoflík></td>
        </form>
 
        <?php
    } jiný -li ($_DOSTAT['aksi'] == 'update') {
        // proses update data biodata
        $id_b = $_POŠTA['id'];
        $nama = $_POŠTA['nama'];
		$tmpt_lahir = $_POŠTA['tmpt_lahir'];
		$tgl_lahir = $_POŠTA['tgl_lahir'];
        $adresa = $_POŠTA['alamat'];
        $telpon = $_POŠTA['telpon'];
 
        // update data via method
        $db->updateDataBiodata($id_b,$nama,$tmpt_lahir,$tgl_lahir,$adresa,$telpon);
    }
}
 
// buat array data biodata dari method tampilBiodata()
$arraybiodata = $db->tampilBiodata();
 
echo"</stůl> <br> <a href='?aksi=tambah'><button type='submit' class='btn btn-primary'>TAMBAH</knoflík></A>";
echo "<table cellpadding='0' cellspacing='0' border='0' class='table table-striped table-bordered' >
      <tr><th>No</th>
           <th>Nama Biodata</th>
           <th>Tempat Lahir</th>
		    <th>Tanggal lahir</th>
			 <th>Alamat</th>
           <th>Telpon</th>
           <th>Aksi</th>
       </tr>";
$i = 1;
pro každého ($arraybiodata tak jako $data) {
    echo "<tr><td>" . $i . "</td> 
          	   <td>" . $data['nama'] . "</td>
			   <td>" . $data['tmpt_lahir'] . "</td>
			   <td>" . $data['tgl_lahir'] . "</td>
               <td>" . $data['alamat'] . "</td>
               <td>" . $data['telpon'] . "</td>
               <td><a class='btn btn-info btn-sm' href='" . $_SERVER['PHP_SELF'] . "?aksi=edit&id_b=" . $data['id'] . "'>Edit</A> 
                   <a class='btn btn-danger btn-sm' href='" . $_SERVER['PHP_SELF'] . "?aksi=hapus&id_b=" . $data['id'] . "'>Hapus</A></td>
            </tr>";
    $i++;
}
 
echo "</stůl>";
?>
</div>
 
	<div class="row-fluid">
			<div class="span12">
			  <div class="row-fluid">
				<div class="alert alert-info">
					<a name="contact"></A>
				  <h2>www.andeznet.com</h2>
				  <p class="text-info">Gudang Teknologi & Informasi</p>
				  <p>&copy; <a href="http://andeznet.com">www.andeznet.com</A>&nbsp<?php echo date("Y");?></p>
				</div><!--/span-->
			  </div><!--/row-->
			</div><!--/span-->
	</div><!--/row-->
 
 
    <script src="assets/js/jquery.js"></skript>
    <script src="assets/js/bootstrap-transition.js"></skript>
    <script src="assets/js/bootstrap-alert.js"></skript>
    <script src="assets/js/bootstrap-modal.js"></skript>
    <script src="assets/js/bootstrap-dropdown.js"></skript>
    <script src="assets/js/bootstrap-scrollspy.js"></skript>
    <script src="assets/js/bootstrap-tab.js"></skript>
    <script src="assets/js/bootstrap-tooltip.js"></skript>
    <script src="assets/js/bootstrap-popover.js"></skript>
    <script src="assets/js/bootstrap-button.js"></skript>
    <script src="assets/js/bootstrap-collapse.js"></skript>
    <script src="assets/js/bootstrap-carousel.js"></skript>
    <script src="assets/js/bootstrap-typeahead.js"></skript>
 
	<script src="assets/js/bootstrap.min.js"></skript>
 
  </tělo>
</html>

Jika sudah benar maka cek di browser anda dengan ketik http://localhost/crudoop

Vytváření CRUD pomocí konceptu OOP v PHP s Bootstrap view

untuk download sorce code nya disini STAŽENÍ

Dari artikel diatas, bukan berarti saya mahir dalam OOP, saya juga masih dan dalam mempelajari konsep satu ini di PHP . Jadi mohon dikoreksi bila ada kata-kata / soucecode yang salah, mungkin teman-teman yang sudah pengalaman menggunakan konsep ini bisa menambahkan.

Happy Coding & Programování

Značky: Bootstrap gratis konsep oop Vytváření CRUD pomocí konceptu OOP v PHP s Bootstrap view php sourcecode free

Mohlo by se vám také líbit...

Ghijoon říká:

Smět 29, 2015 na 5:43 dopoledne

Keep Posting gan,

ane lagi pake bootstrap dikombinasikan sama framework….
kalau menurut ane sih CRUDI gan, bukan CRUD…
Create Read Update Delete Index

hehehe walaupun cuman halaman Index tapi halaman Index juga memegang peranan penting

sekarang ane lagi kepentok paging di halaman Index pakai framework + bootstrap

Odpověď
- Portgastea říká:
  
  Smět 29, 2015 na 6:16 dopoledne
  
  Thanks gan atas saran nya. pake framework apa gan
  
  Odpověď
  - Ghijoon říká:
    
    Smět 29, 2015 na 6:45 dopoledne
    
    masih pake Code Igniter gan, kata orang-orang sih bagusnya pake Yii
    itu kan selera masing-masing ya,
    tapi belum mau belajar dulu, masih mau pake CI dulu aja 😀
    
    Odpověď
    - Portgastea říká:
      
      Smět 29, 2015 na 12:13 odpoledne
      
      iya sih, tergantung selera masing2 klo pake framework mah, pelajari aja dlu satu framework, saya sih pengen nya pelajari zend, tapi zend ribet juga
      
      Odpověď
rivaldi říká:

červen 27, 2015 na 3:34 dopoledne

om… bagaimana cara nya menambahakan view,search,dan pagination dari tutorial di atas ?

tutorialnya om..

nuhun…

Odpověď
- Portgastea říká:
  
  červen 27, 2015 na 3:52 dopoledne
  
  nanti tunggu tutorial selanjutnya deh untuk view,search dan pagination, klo engak gunain aja jquerydatatable disitu dah termasuk view,search dan pagination.
  
  Odpověď
  - rivaldi říká:
    
    červen 27, 2015 na 9:53 dopoledne
    
    sya bookmark om
    Nuhun om.
    
    moga mendapat kebaikan segalanya.
    
    Odpověď
    - Portgastea říká:
      
      červen 27, 2015 na 3:10 odpoledne
      
      iya sama2, Amin
      
      Odpověď
Portgastea říká:

srpen 6, 2015 na 5:45 dopoledne

Ok terima kasih, next saya tampilin link demo nya juga

Odpověď
Luhur Budiutomo říká:

říjen 1, 2015 na 10:46 odpoledne

Ini blog bagus amat yak… Bookmark

Odpověď
- Portgastea říká:
  
  říjen 2, 2015 na 1:16 dopoledne
  
  Ok, Terima kasih
  
  Odpověď
Ulil Albab Rabbani říká:

říjen 8, 2015 na 3:04 odpoledne

Thanks banget gan buat tugas ane nih

Odpověď
- Portgastea říká:
  
  říjen 10, 2015 na 7:50 dopoledne
  
  OK sip
  
  Odpověď
bym říká:

říjen 23, 2015 na 1:54 dopoledne

bro..
gw mau , pinjem isi otaknya dan sewa ilmunya..
gw hire kemana?: harus via projects.co.id ?

Odpověď
- Portgastea říká:
  
  říjen 26, 2015 na 5:53 dopoledne
  
  Boleh lewat projects.co.id / atau email.
  
  Odpověď
kuramaa říká:

duben 13, 2016 na 2:54 dopoledne

hi admin, bisa request tutorial untuk membuat halaman paging nya ?

Odpověď
- Portgastea říká:
  
  duben 18, 2016 na 1:39 dopoledne
  
  ok nanti ya gan
  
  Odpověď
toni říká:

Smět 10, 2016 na 3:36 dopoledne

Kalau mau tambah struktur tabel di databasenya gimana?
mau tak kasih no.induk di bawah id. terus konfigurasi di index dan koneksi yang mana?
ane rubah kokk error terus.

Odpověď
- Portgastea říká:
  
  Smět 10, 2016 na 3:38 dopoledne
  
  Cek file koneksi.php disitu semua fungsi nya.
  
  Odpověď

Vytváření CRUD pomocí konceptu OOP v PHP s Bootstrap view

Mohlo by se vám také líbit...

19 Odpovědi

zanechte odpověď Zrušit odpověď

poslední články

Kategorie

Archiv

Vytváření CRUD pomocí konceptu OOP v PHP s Bootstrap view

Mohlo by se vám také líbit...

Již brzy aplikace SMS Gateway (SÁGA) ZDARMA Web Based

Webová aplikace pro online zkoušky s PHP a MySQL zdarma

Autocomplete Search dengan PHP, MySQLi, Ajax dan jQuery

19 Odpovědi

zanechte odpověď Zrušit odpověď

Příspěvek Populární

poslední články

Kategorie

Archiv