{"id":641,"date":"2021-12-21T13:04:05","date_gmt":"2021-12-21T06:04:05","guid":{"rendered":"https:\/\/duniacoding.info\/?p=641"},"modified":"2021-12-22T14:54:24","modified_gmt":"2021-12-22T07:54:24","slug":"belajar-php-fitur-input-pada-php","status":"publish","type":"post","link":"https:\/\/duniacoding.id\/blog\/belajar-php-fitur-input-pada-php\/","title":{"rendered":"Belajar PHP #12 : Belajar Fitur Input pada PHP"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"429\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/12\/carbon-1024x429.png\" alt=\"Fitur Input pada PHP\" class=\"wp-image-658\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/carbon-1024x429.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/carbon-300x126.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/carbon-768x322.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/carbon-1536x644.png 1536w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/carbon.png 1684w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nah, di artikel kali ini kita akan membahas <code>Fitur Input pada PHP<\/code>. Kita akan melanjutkan artikel sebelumnya kita telah praktek untuk mengkoneksikan File PHP kita ke Database dengan OOP. Sekarang kita akan terfokus untuk menambahkan <code>Fitur Input pada PHP<\/code> kita. Tapi sebelumnya akan aku jelaskan secara singkat bagaimana Fitur ini akan kita implementasikan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Penjelasan Fitur Input pada PHP<\/h2>\n\n\n\n<p>Pada Fitur menampilkan Seluruh data pada Artikel sebelumnya, kita mengerti bahwa untuk menampilkan semua Data kita harus menggunakan SQL. Nah dengan SQL ini juga kita akan menambahkan data pada Database kita. Perlu di ingat disini bahwa Fitur Add ini menyesuaikan dengan Data pada Tabel kita. Jadi misal Tabel kita memiliki <code>nama_siswa, email<\/code>, dan <code>jenis_kelamin<\/code> maka kita harus membuat SQL untuk input ketiganya. <\/p>\n\n\n\n<p>Contoh SQL nya seperti ini &#8216;<code>INSERT INTO siswa (id, nama_siswa, email, jenis_kelamin) VALUES (NULL, 'Fery', 'fery@gmail.com', 'L');<\/code>&#8216;. Bisa dilihat di SQL yang akan kita pakai. Disana ada Syntax <code>INSERT<\/code> untuk menambahkan data. Lalu ada Kolom yang akan kita inputkan Datanya yaitu  <code>(id, nama_siswa, email, jenis_kelamin)<\/code>. Lalu kita inputkan juga VALUES nya yaitu  <code>(NULL, 'Fery', 'fery@gmail.com', 'L')<\/code> . Dilihat pada Value nya untuk <code>ID <\/code>adalah <code>NULL <\/code>karena pada Database kita. <code>Id <\/code>itu bertambah secara otomatis <code>(Auto-Increment)<\/code>. <\/p>\n\n\n\n<p>Setelah urusan SQL selesai, beriktunya kita akan fokus ke Halaman Tambah Datanya. Pada halaman ini jelas kita harus menggunakan <code>Form <\/code>dengan Method <code>POST <\/code>untuk mengirimkan Data. Data dari Form tersebut harus kita kirimkan ke Database kita. <\/p>\n\n\n\n<p>Okay sekarang masuk ke Codingan untuk menambahkan Fitur Input pada PHP kita. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Coding pada Class <code>SiswaController.php<\/code><\/h2>\n\n\n\n<p>Okay, sekarang pada File SiswaController kita tambahkan sebuah codingan untuk menginputkan data. Tambahkan Codingan ini kedalam <code>OOP Class Siswa<\/code><\/p>\n\n\n\n<p>File SiswaController.php<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\npublic function addSiswa($nama_siswa, $email, $jenis_kelamin)\n        {\n            $this-&gt;pdo-&gt;setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);\n            $query = &quot;INSERT INTO siswa(nama_siswa, email, jenis_kelamin) \n                    VALUES (&#039;&quot; . $nama_siswa . &quot;&#039;,&#039;&quot; . $email . &quot;&#039;, &#039;&quot; . $jenis_kelamin . &quot;&#039;)&quot;;\n            $stmt = $this-&gt;pdo-&gt;prepare($query);\n            $stmt-&gt;execute();\n            return $stmt-&gt;rowCount();\n        }\n<\/pre><\/div>\n\n\n<p>Bisa dilihat pada syntax diatas kita sudah membuat fungsi addSiswa dengan parameter sendiri yaitu <code>$nama_siswa<\/code>, <code>$email<\/code>, dan <code>$jenis_kelamin<\/code>. Nah, Parameter itu akan kita isi data sesuai dengan Data yang kita inputkan <code>Form <\/code>kita di File PHP. Sekarang kita fokus membuat tampilan website untuk Fitur input pada PHP.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tambah Coding pada <code>index.php<\/code><\/h2>\n\n\n\n<p>Sekarang, kita akan membuat sebua file\/halaman website baru khusus untuk Form input Data Siswa. Tapi sebelumnya, kita harus buat sebuah link di file <code>index.php<\/code> untuk mengarah ke <code>addSiswa.php<\/code>. Tambah coding ini diatas tag <code>&lt;table&gt;<\/code><\/p>\n\n\n\n<p>Tambah Coding ini<\/p>\n\n\n\n<p>&lt;a href=&#8221;addSiswa.php&#8221;&gt;Tambah Siswa&lt;\/a&gt;<\/p>\n\n\n\n<p>Pastikan nanti tampilan kalian jadi seperti ini, akan ada tambahan Link untuk masuk ke File <code>addSiswa.php<\/code><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"171\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/12\/12-1-1024x171.png\" alt=\"\" class=\"wp-image-655\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/12-1-1024x171.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/12-1-300x50.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/12-1-768x128.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/12-1.png 1353w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Bisa dilihat ada tulisan <code>Tambah Siswa<\/code> diatas. Ini merupakan sebuah tombol untuk masuk ke sebuah Folder baru. Sekarang kita terfokus pada File <code>addSiswa.php<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Coding <code>addSiswa.php<\/code><\/h2>\n\n\n\n<p>Pada File ini, kita akan membuat sebuah Form untuk input Data. Form disini akan berisi Inputan untuk Nama, Email, dan Jenis kelamin sesuai dengan Data yang ingin kita inputkan ke Database kita. <\/p>\n\n\n\n<p>file <code>addSiswa.php<\/code><\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&lt;?php\ninclude_once &#039;Controller\/SiswaController.php&#039;;\n$siswa = new Siswa;\nif (isset($_POST&#91;&#039;submit&#039;])) {\n    $addSiswa = $siswa-&gt;addSiswa($_POST&#91;&#039;nama_siswa&#039;], $_POST&#91;&#039;email&#039;], $_POST&#91;&#039;jenis_kelamin&#039;]);\n    if ($addSiswa) {\n        echo &quot;&lt;script&gt;alert(&#039;Berhasil menambahkan Siswa&#039;);window.location = &#039;index.php&#039;;&lt;\/script&gt;&quot;;\n    }\n}\n?&gt;\n\n&lt;html lang=&quot;en&quot;&gt;\n\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;\n    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\n    &lt;title&gt;Tambah Siswa&lt;\/title&gt;\n    &lt;link href=&quot;https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/css\/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; integrity=&quot;sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3&quot; crossorigin=&quot;anonymous&quot;&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n    &lt;div class=&quot;container mt-5&quot;&gt;\n        &lt;h3&gt;Tambah Siswa&lt;\/h3&gt;\n        &lt;form action=&quot;&quot; method=&quot;post&quot; class=&quot;mt-5&quot;&gt;\n            &lt;div class=&quot;mb-3&quot;&gt;\n                &lt;label for=&quot;nama_siswa&quot; class=&quot;form-label&quot;&gt;Nama Siswa&lt;\/label&gt;\n                &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;nama_siswa&quot; name=&quot;nama_siswa&quot;&gt;\n                &lt;div id=&quot;nama_siswa&quot; class=&quot;form-text&quot;&gt;Inputkan Nama Siswa.&lt;\/div&gt;\n            &lt;\/div&gt;\n\n            &lt;div class=&quot;mb-3&quot;&gt;\n                &lt;label for=&quot;email&quot; class=&quot;form-label&quot;&gt;Email&lt;\/label&gt;\n                &lt;input type=&quot;email&quot; class=&quot;form-control&quot; id=&quot;email&quot; name=&quot;email&quot;&gt;\n                &lt;div id=&quot;email&quot; class=&quot;form-text&quot;&gt;Inputkan email.&lt;\/div&gt;\n            &lt;\/div&gt;\n\n            &lt;div class=&quot;mb-3&quot;&gt;\n                &lt;label for=&quot;jenis_kelamin&quot; class=&quot;form-label&quot;&gt;Jenis Kelamin&lt;\/label&gt;\n                &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;jenis_kelamin&quot; name=&quot;jenis_kelamin&quot;&gt;\n                &lt;div id=&quot;jenis_kelamin&quot; class=&quot;form-text&quot;&gt;Inputkan Jenis Kelamin.&lt;\/div&gt;\n            &lt;\/div&gt;\n            &lt;input type=&quot;submit&quot; value=&quot;Tambah Siswa&quot; name=&quot;submit&quot; class=&quot;btn btn-primary&quot;&gt;\n        &lt;\/form&gt;\n    &lt;\/div&gt;\n&lt;\/body&gt;\n\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n<p>Bisa dilihat pada syntax diatas, kita membuka sebuah Tag <code>&lt;?php<\/code>. Didalam Tag PHP itu kita <code>include <\/code>kan Controller kita. Setelah itu kita Proses untuk Input data. Jadi Logikanya kalau kita klik Submit di Form kita, maka kita akan menginput kan Data yang kita dapat dengan cara <code>$_POST<\/code>. Tertulis disana ada <code>$_POST['nama_siswa'], $_POST['email'], $_POST['jenis_kelamin']<\/code>. Sesuai dengan Data di Database kita yaitu  <code>nama_siswa<\/code>, <code>email<\/code>, dan <code>jenis_kelamin<\/code>. <\/p>\n\n\n\n<p>Lalu disana ada Percabangan, jadi apabila Syntax input nya berhasil di eksekusi, kita akan diarahkan menuju <code>index.php<\/code><\/p>\n\n\n\n<p>Hasil dari Coding addSiswa.php harusnya seperti ini<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"371\" src=\"https:\/\/duniacoding.info\/wp-content\/uploads\/2021\/12\/12-2-1024x371.png\" alt=\"\" class=\"wp-image-657\" srcset=\"https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/12-2-1024x371.png 1024w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/12-2-300x109.png 300w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/12-2-768x279.png 768w, https:\/\/duniacoding.id\/blog\/wp-content\/uploads\/2021\/12\/12-2.png 1395w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Kesimpulan<\/h2>\n\n\n\n<p>Okay disini kita sudah mempelajari Fitur input pada PHP. Fitur input yang kita gunakan ini memang menggunakan konsep OOP, jadi bisa kita gunakan diluar <code>addSiswa.php<\/code> juga. Fitur ini merupakan Fitur input pada PHP adalah fitur yang sangat penting karena merupakan salah satu bagian dari CRUD (Create, Read, Update, dan Delete).<\/p>\n\n\n\n<p>Jangan lupa sebelum membaca Artikel Fitur input pada PHP ini, kalian juga harus mempelajari Koneksi ke Database dengan Menggunakan OOP di Artikel sebelumnya, bisa dilihat dibawah ini<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/duniacoding.info\/belajar-php-penerapan-oop-di-php\/\" target=\"_blank\" rel=\"noopener\">Belajar PHP #11 : Penerapan OOP di PHP<\/a><\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Nah, di artikel kali ini kita akan membahas Fitur Input pada PHP. Kita akan melanjutkan artikel sebelumnya kita telah praktek untuk mengkoneksikan File PHP kita ke Database dengan OOP. Sekarang kita&#46;&#46;&#46;<\/p>\n","protected":false},"author":2,"featured_media":658,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[83,46,61],"class_list":["post-641","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-input-php","tag-php","tag-tutorial-php"],"_links":{"self":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/comments?post=641"}],"version-history":[{"count":9,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/641\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/641\/revisions\/693"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media\/658"}],"wp:attachment":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media?parent=641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/categories?post=641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/tags?post=641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}