Pada artikel Day 1 beberapa hari yang lalu, kita telah mempersiapkan konfigurasi database, dan persiapan class PHPMailer. Untuk artikel Day 2, penulis akan mencoba membuat tampilan form dan juga sistem Mailer secara sederhana (belum termasuk
aktivasi).Sebelum memulai tutorial, penulis mengingatkan untuk mengikuti tutorial sebelumnya disini, agar pembaca dapat mengikuti langkah demi langkah secara beruntun. Berikut adalah lanjutannya :
FILE YANG DIPERLUKAN
Pada hari pertama (Day 1), kita telah memasukkan library PHPMailer ke dalam sistem root aplikasi web kita. Kali ini kita akan membuat beberapa file yang nantinya akan mendukung kerja dari sistem.
File yang telah dibuat dapat langsung diupload ke server hosting melalui FTP dan mengeditnya menggunakan editor.FILE YANG DIPERLUKANBerikut adalah file yang dibutuhkan :Index.php, Untuk membuat tampilan utama form pendaftaran, terdiri dari 2 input yaitu input nama dan email.Config.php, File yang dipergunakan untuk konfigurasi sistem aplikasi dengan database MySQLMail.php, Inilah file yang akan memproses hasil inputan form dan memasukkannya ke database. File ini juga berfungsi sebagai controller pengirim email dengan menginclude library yang telah kita taruh di root sistem aplikasiConfirm.php, file yang akan dipanggil saat user melakukan klik link aktivasi yang dikirim di email pendaftar. (Tutorial Day 3)
MEMBUAT HALAMAN INDEX
Halaman index kita merupakan halaman utama form registrasi. Form ini terdiri dari 2 input yakni input nama dan input email beserta tombol submit. Sebenarnya pembaca bisa membuat sendiri tampilan maupun source form di bagian ini sesuai kehendak. Berikut adalah script index.php yang bisa pembaca tulis ...
<html>
<head>
<meta name="viewport" content="width=device-width">
<title>PHP Mailer by Mkhuda</title>
<meta name="description" content="PHP Mailer by Mkhuda">
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300" rel="stylesheet" type="text/css">
<link href="style.css" type="tex/css" rel="stylesheet" media="all">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
</head>
<body>
<div id="form">
<form method="post" action="mail.php" class="form-horizontal"> <label class="detik">Nama Anda</label><br>
<input class="input" type="text" name="nama" placeholder="Masukkan Nama Angka"><br> <label class="detik">Nama Email Anda</label><br>
<input class="input" type="text" name="email" placeholder="Masukkan Email Anda"><br> <button type="submit" name="submit" class="btn">Submit</button>
</form></div>
<div id="mk-link"> <a class="link" href="http://mkhuda.com" title="Mkhuda Blog">Back to Site</a>
</div>
</body>
</html>
....baca lanjut
Cipika cipiki
