Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english
LOADING...
Website Masih Dalam Proses Pengembangan. Download Template Jika Anda Berminat.
Download
Home
PHP
Tutorial

Belajar CRUD dengan Metode OOP Part 2

8 min read


Salam coding para siswacoding.........Kembali lagi bersama gurucoding di kelascoding.blogspot.co.id. Pada pertemuan kali ini gurucoding akan melanjutkan pembahasan materi artikel yang kemarin yaitu mengenai Belajar CRUD dengan metode OOP. Kalau kemarin gurucoding telah membahas mengenai index dan juga koneksi database dan lain lain untuk saat ini guru coding akan membahas lanjutan dari pembahasan kemarin juga.

Jadi yang harus di ingat oleh siswa coding adalah bahwa fungsi dari file koneksi.php adalah digunakan untuk menyambungkan dari program php dengan database yang berada di server apache xampp kemudian index.php digunakan sebagai file utama yang digunakan sebagai acuan pemanggilan file folder di htdoc, untuk penamaan sebenarnya menggunakan nama apaupun boleh , nama file adalah sesuai dengan apa yang kita inginkan, asalkan nanti jangan sampai lupa atau salah dalam pemanggilan file di file php tidak sampai salah.

Oke kemudian yang berikutnya di Belajar CRUD dengan metode OOP adalah gurucoding akan mengajarkan membuat file php untuk input. Oke lanjut saja..yang pertama siswacoding lakukan adalah membuat file php dengan memberi nama input.php
Di dalam file tersebut ketikkan script utama untuk membuat halaman webnya terlebih dahulu adalah berikut
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="Kelas Coding" />
<title>OOP Input Data</title>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
</head>
<body>
<div class="container">
<div class="col s12">
<nav>
    <div class="nav-wrapper green darken-1">
      <a href="index.php" class="brand-logo" style="margin-left: 10px;"> CRUD OOP</a>
      <ul id="nav-mobile" class="right hide-on-med-and-down">
      </ul>
    </div>
  </nav>
</div>
<br />
<div class="row">
<div class="col s6">

Baca juga :
Jenis Bahasa Pemrograman
    </div>
</div>  
<footer class="page-footer green darken-1">
          <div class="footer-copyright">
            <div class="container">
           Kelas Coding | Copyright © 2017 
            <a class="grey-text text-lighten-4 right" href="http://kelas-coding.blogspot.co.id/">Tutorial lain >> </a>
            </div>
          </div>
        </footer>
        </div>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
</body>
</html>

Kemudian di antara script
sisipkan script berikut ini.


<h5><b> <i class="material-icons">airplay</i></b> Input Data Siswa Kelas Coding</h5><br />
      <form action="proses.php?aksi=tambah" method="post">
        <div class="input-field">
          <i class="material-icons prefix">account_circle</i>
          <input id="icon_prefix" type="text" name="nama" id="nama" class="validate">
          <label for="icon_prefix">Nama</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">room</i>
          <input id="icon_telephone" type="text" name="alamat" id="alamat"  class="validate">
          <label for="icon_telephone">Alamat</label>
 Baca juga :
Free Hosting - Deploy your source
        </div>
        <div class="input-field">
          <i class="material-icons prefix">stars</i>
          <input id="icon_telephone" type="text" name="usia" id="usia"  class="validate">
          <label for="icon_telephone">Umur</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">message</i>
          <input id="icon_telephone" type="email" name="email" id="email"  class="validate">
          <label for="icon_telephone">Email</label>
        </div>
        <div class="  input-field">
        <i class="material-icons prefix">message</i>
          <input class="btn waves-effect waves-light" type="submit" value="Simpan">
        </div>
      
    </form>

Oke jadi itu adalah script yang untuk form yang akan kita buat yang perlu diperhatikan adalah dalam membuat script form siswacoding jangan sampai terlewat atau lupa akan name, id, maupun type karena hal tersebut sangat penting digunakan dalam pengambilan data.
Jadi jika di ambil utuh untuk script input.php adalah berikut ini


input.php
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="Kelas Coding" />
<title>OOP Input Data</title>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
Baca juga :
Wudysoft Bot
</head>
<body>
<div class="container">
<div class="col s12">
<nav>
    <div class="nav-wrapper green darken-1">
      <a href="index.php" class="brand-logo" style="margin-left: 10px;"> CRUD OOP</a>
      <ul id="nav-mobile" class="right hide-on-med-and-down">
      </ul>
    </div>
  </nav>
</div>
<br />
<div class="row">
<div class="col s6">
<h5><b> <i class="material-icons">airplay</i></b> Input Data Siswa Kelas Coding</h5><br />
      <form action="proses.php?aksi=tambah" method="post">
        <div class="input-field">
          <i class="material-icons prefix">account_circle</i>
          <input id="icon_prefix" type="text" name="nama" id="nama" class="validate">
          <label for="icon_prefix">Nama</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">room</i>
          <input id="icon_telephone" type="text" name="alamat" id="alamat"  class="validate">
          <label for="icon_telephone">Alamat</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">stars</i>
          <input id="icon_telephone" type="text" name="usia" id="usia"  class="validate">
Baca juga :
Free Dashboard Template
          <label for="icon_telephone">Umur</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">message</i>
          <input id="icon_telephone" type="email" name="email" id="email"  class="validate">
          <label for="icon_telephone">Email</label>
        </div>
        <div class="  input-field">
        <i class="material-icons prefix">message</i>
          <input class="btn waves-effect waves-light" type="submit" value="Simpan">
        </div>
      
    </form>
    </div>
</div>  
<footer class="page-footer green darken-1">
          <div class="footer-copyright">
            <div class="container">
           Kelas Coding | Copyright © 2017 
            <a class="grey-text text-lighten-4 right" href="http://kelas-coding.blogspot.co.id/">Tutorial lain >> </a>
            </div>
          </div>
        </footer>
        </div>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
</body>
</html>

Sampai disini form input data belum dapat digunakan, karena siswacoding belum membuat script proses , untuk script proses akan gurucoding di artikel berikutnya. Jadi sering sering buka blog ini supaya selalu tahu jika gurucoding telah upload artikel.
Mungkin cukup itu saja yang dapat gurucoding bagikan kepada siswacoding mengenai pembelajaran web programming kali ini...untuk selanjutnya silahkan menunggu update materi berikutnya.

Help!
Baca juga :
Semangat berkarya mekipun hasil copy paste!

Blogger : Cerdasin62+

Mau donasi keh?

Paypal
Dana - 0887435373103
Jika dana kalian terlalu banyak bisa beri admin sedikit banyak dana sesuka hati. klik icon panah di atas

You may like these posts

  • Langkah-langkah instalasi aplikasi phyton 3.7.0
    Hal pertama yang perlu diperhatikan dalam praktikum ini adalah telah mempunyai  file master aplikasi dari Phyton 3.7.0 yang bisa di download di https://www.python.org/ dan fil…
  • Cara Buat Blog TV Online Dengan Blogspot
    Anda pasti tahu website TV Online yang makin lama makin menjamur saat ini? Disisi lain, blog TV Online merupakan sebuah blog "yang tak lekang oleh waktu" untuk mencari Visitor yang…
  • 3 Niche Blog Yang Tak Lekang Oleh Waktu
    Jika anda bingung membuat artikel untuk menambah jumlah postingan anda, mungkin disini tempatnya. Kali ini, kita akan membahas "Niche Blog Yang Tak Lekang Oleh Waktu". Berikut dian…
  • Belajar CRUD dengan Metode OOP Part 1
    Salam coding para siswacoding.........Kembali lagi bersama gurucoding di kelascoding.blogspot.co.id. Pada pertemuan kali ini gurucoding akan membagikan kembali sedikit ilmu yang be…
  • Solusi Foto Tidak Tampil Saat Share Artikel Ke Facebook
    Tidak tampilnya foto atau gambar saat share ke facebook, memang suatu yang tidak enak. Karena foto atau gambar pada artikel memiliki keterikatannya tidak bisa dipasahkan. Namun di …
  • Belajar CRUD dengan Metode OOP Part 2
    Salam coding para siswacoding.........Kembali lagi bersama gurucoding di kelascoding.blogspot.co.id. Pada pertemuan kali ini gurucoding akan melanjutkan pembahasan materi artikel y…
Apakah artikel ini bermanfaat? Silahkan klik bintang di bawah.
Jangan lupa beri komentar.
Komentar.

Post a Comment

Tinggalkan komentar sesuai topik tulisan, centang Notify me untuk mendapatkan notifikasi via email ketika komentar kamu di balas.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
CaraTech.

Mampir Juga Ke Blogger caratech.my.id