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

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">

    </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>
</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"/>
</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">
          <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

قد تُعجبك هذه المشاركات

  • Pada saat kita meninputkan data kedalam database kita sering kali mendapatkan tanggal berformat Inggris, karena memang default dari databasenya tanggal yang bertipe Inggris. contoh…
  • Hallo para siswacoding.........Selamat datang di kelascoding.blogspot.co.id.Kali ini gurucoding akan membagikan sedikit ilmu mengenai HTML, Materi ini telah gurucoding buat untuk p…
  • Salam coding para siswacoding.........Kembali lagi bersama gurucoding di kelascoding.blogspot.co.id. Pada kesempatan kali ini gurucoding akan membagikan ke…
  • Secara basic membuat file pdf dengan php dapat dilakukan dengan menggunakan fungsi header('Content-Type: application/pdf')? yang telah tersedia dari PHP itu sendiri. Namun alangkah…
  • Pada artikel kali ini Saya akan memberikan tutorial sederhana tentang bagaimana cara membuat aplikasi perhitungan umur dengan PHP. Tanpa panjang lebar lagi, Let's go kita baca dan …
  • Setelah sebelumnya kita telah megetahui dasar - dasar cara menggunakan FPDF, berikutnya yang akan kita bahas adalah cara membuat kop surat dengan FPDF.langkah pertama yang harus di…
Apakah artikel ini bermanfaat? Silahkan klik bintang di bawah.
Jangan lupa beri komentar.
Komentar.

إرسال تعليق

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