BELAJAR PHP UNTUK PEMULA (Bagian 4)
Kemarin kita sudah bahas tentang HTML, nah sekarang kita langsung saja masuk ke pokoknya yaitu PHP. Bagi yang baru gabung bisa simak ya dari Bagian 1, biar belajarnya bisa benar - benar memahami. Nah sekarang kita mengenal dulu sebagian kecil format kecil, gak harus gede - gede dulu ya, kita lakukan dulu dengan yang kecil dan lama - lama bisa menjadi besar kalo kita mau belajar. Dan ini benar - benar pemula, dan saya juga awal belajar harus memahami seperti ini.
Jangan Lupa Running Server Apache pada XAMPP ya.
Coba pertama copy file kerangka.html yang kita buat kemarin lalu ubah nama jadi check.php. Kenapa .php ? ya itu ektensi dari file PHP, jadi ektensi PHP adalah .php dan HTML adalah .html , paham ya ?
Nah pemrograman PHP ada aturan sendiri loh dalam melakukan script, jika tidak program tidak akan berjalan atau error. Penulisan script PHP itu diawali dengan tag <?php dan di akhiri dengan ?>. Paham ya ? Sekarang coba copy file dibawah ini paste ke file check.php tadi ya :
<body>
<?php
print 'Selamat Datang';
?>
</body>
<?php
print 'Selamat Datang';
?>
</body>
Kalo udah coba save, kemudian ke buka file check.php tadi di browser, bisa kan caranya sama kayak html kemarin localhost/websiteku/check.php . Kalo berhasil seperti dibawah :
Saya anggap dah bisa ya. Nah kenapa di PHP ada perintah "print" ? ya print merupakan code untuk menampilkan pada page. Disini udah keliatan sedikit ya beda PHP dan HTML, cobalah pahami ya jangan menghafal. selain perintah "print" juga ada perintah yang namanya "echo", apa beda echo dan print ? ya itu sama saja ya tapi biar lebih jelas ntar kita ulas satu persatu dilain waktu yang penting sekarang kalian paham dan nanti juga kalian pasti mengerti apa bedanya kedua kode yang saya sebutkan tadi.
Nah sekarang kita coba bikin sebuah Page Input ya, pikir - pikir seperti Page kalo kalian mau daftar twitter atau facebook, ya kira - kira begitulah. Nah sebelum kita mulai kita harus memiliki yang namanya index atau halaman depan ya. Sekarang copy file kerangka.html lalu ubah nama menjadi index.html. Kira - kira kita buat page seperti contoh gambar dibawah :
Sederhana ya, dan nanti kita bisa bikin yang lebih elegan. Tapi sekarang kita bikin yang sederhana sebab kita masih diawal. Kalo disini dah paham pasti kita bisa bikin yang lebih lagi. Pada pembuatan page itu kita memerlukan tag yang bernama <form> dan </form> yang nanti kita letakkan diantara <body> dan </body>. Yuk kita mulai, buat tag <form> tadi ya seperti dibawah di file index.html tadi:
<body>
<form>
</form>
</body>
nah coba buka situsnya dibrowser localhost/websiteku/index.html . Apa yang terjadi, Kosong ya ? ya sebab kita belum melakukan script pada tag form :D :D. Nah sekarang kita bikin Textbox, untuk membuat textbox kita butuh tag <input> diantara tag <form> yuk kita coba. Tambahkan code dibawah ini ya, yang digaris tebel :
<body>
<form>
<input name="namadpn" type="text" style="width:100px">
</form>
</body>
<form>
<input name="namadpn" type="text" style="width:100px">
</form>
</body>
save lalu reload browser. Muncul 1 kotak ya, nah itu namanya TextBox. Kalo belum keluar coba cek kodenya ya. Nih saya jelaskan arti script itu
tag <input> jadi didalam tag input terdapat name yang merupakan kode nama untuk pemanggilan pada script php nanti dan juga database,
type merupakan tipe yang akan di input, ada berupa text, checkbox, radio maupun password,
style berisi antar width yaitu lebah box itu sendiri dan heigth tinggi dari textbox yang bisa diatur dengan ukuran pixel atau kita bisa lihat pada kode "width:100px".
Sekarang kita bikin tombol kirimnya. nah tambahkan kode yang digaris tebal dibawah seperti ini :
<body>
<form>
<input name="namadpn" type="text" style="width:100px">
<input type="submit" value="Kirim">
</form>
</body>
<form>
<input name="namadpn" type="text" style="width:100px">
<input type="submit" value="Kirim">
</form>
</body>
Save lalu reload browser. Ada ya tombol kirimnya. Nah sekarang saya jelaskan, untuk mengirim hasil input kita itu juga butuh tag sama seperti membuat textbox tadi, tapi bedanya disini adalah type input itu sendiri yaitu "submit" sedangkan value merupakan nama dari button itu sendiri.
Sekarang coba klik tombol kirim nya, gimana ? ya belum terjadi apa - apa itu karena kita belum melakukan apa - apa pada input diatas. Nah sekarang kita coba tambah fungsi saat kita klik dia akan berpindah ke check.php yang kita buat tadi.Gimana caranya, kita bisa gunakan tag <a> seperti yang kita lakukak di .... pada HTML kemarin. Tapi saat ini kita tidak bisa menggunakan tag tersbut. Karena disini statusnya input jika anda menggunakan tag <a> maka data yang anda input tidak akan bisa dipindahkan. Dan sebenarnya tag <form> sudah memiliki perintah mengirim atau memindahkan data yang kita inputkan tadi ke page yang kita tuju.Nah coba tambahkan code yang di garis tebal dibawah ini :
<body>
<form method="post" action="check.php">
<input name="namadpn" type="text" style="width:100px">
<input type="submit" value="kirim">
</form>
</body>
<form method="post" action="check.php">
<input name="namadpn" type="text" style="width:100px">
<input type="submit" value="kirim">
</form>
</body>
Save lalu refresh browser. Gimana udah bisa pindah page ?
Jadi :
method="post" adalah kode mengirim datanya.
action="check.php" adalah perintah pindah ke page yang akan dituju yaitu check.php
Nah sekarang kita udah pindah ke page yang kita tuju. Jadi kita mikir data yang kita masukkan tadi perginya kemana ? nah sekarang kita bahas itu. Sebenarnya data udah pindah ke page yang kita tuju tadi tetapi hanya saja kita belum melakukan script untuk menampilkan data yang kita kirim tadi. Nah tambahkan code dibawah ini yang di tebel ya :
<body>
<form method="post" action="check.php">
Nama Depan
<input name="namadpn" type="text" style="width:100px"><br>
<br>
<input type="subbmit" value="kirim">
</form>
</body>
<form method="post" action="check.php">
Nama Depan
<input name="namadpn" type="text" style="width:100px"><br>
<br>
<input type="subbmit" value="kirim">
</form>
</body>
Sekarang coba refresh.
Sekarang buka file check.php tadi lalu tambahkan script dibawah, seperti biasa yang di garis tebel ya:
<body>
<?php
print 'Selamat Datang'
print 'Tn./Ny. '; print $_POST['namadpn'];
?>
</body>
<?php
print 'Selamat Datang'
print 'Tn./Ny. '; print $_POST['namadpn'];
?>
</body>
Gimana udah kayak seorang programmer ya ? nah coba save lalu buka browse file check.php.
Lah kok error ya ??? nah jangan panik jangan takut dulu, Kalo ada error seperti gambar tidak ada masalah, siapa saja yang melakukan pasti error. Coba kalian koreksi lagi, itu ada keterangan on Line 12, coba cek line 12 di notepad++ nya. Kalian pernah dengar kata "debug" ? artinya yaitu perbaiki kodenya. Kalian teliti lagi pasti ada yang kurang kodenya, kalo nyerah coba deh liat dibelakang "selamat datang" yup gag ada akhir kode ; ya , nah sekarang coba tambah ; diakhirnya. sekarang save lalu reload. gimana berhasil ya.kira - kira seperti gambar dibawah :
Selamat anda berhasil. Nah saya jelaskan dulu arti kode tersebut :
Awalnya kita melakukan input di index.html pada textbox ya, nah pada saat kita mengirim data tersebut dengan melakukan klik pada tombol kirim maka si kode print $_POST['namadpn'] akan menerima data yang kita kirim dan menampilkan data tersbut. gimana ? paham ya.....
Nah sampe sini dulu ya kita ketemu lagi di BELAJAR PHP UNTUK PEMULA (Bagian 5) oke....
Tidak ada komentar: