Sesuai dengan judul pada artikel kali ini saya akan berbagi simple program yakni membuat system login password menggunakan php dan html, yg tentunya ini untuk pemula ya 🙂
langsung saja yang pertama kita buat terlebih dahulu input/form loginnya,
buat file baru dengan nama form.php dan isikan code seperti di bawah ini
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <html><head> <title>Simple system login</title> <style type="text/css"> .form { width: 40%; margin: auto; margin-top:100px; background: #E0E0E0; padding:20px; border: 1px solid #474747; } input[type=password] { width: 50%; height: 30px; background: #FAFAFA; border: 1px solid #bbb; border-radius: 3px; font-size: 14px; padding: 3px; } input[type=submit] { height: 30px; border: 1px solid #082480; padding: 3px; background: #4B6EE3; color: #E8E8E8; cursor: pointer; } </style></head><body> <div class="form" align="center"> <h2>Simple login php</h2> <div> </div> <form action="login.php" method="post">Masukkan password : <input name="password" type="password" placeholder="Password" /> <input name="login" type="submit" value="Login!" /></form></div> </body></html> |
Yang kedua kita buat proses loginnya, buat file baru dengan nama login.php copy code di bawah paste ke file.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <?php Session_start(); //Mengaktifkan sesi $set['password']='12345678'; //konfigurasi password if(isset($_POST['login'])){ //Cek submit form $pass[email protected]$_POST['password']; //Menangkap input password if($pass==$set['password']){ //cek jika tangkapan password sama dengan konfirgurasi password $_SESSION['admin']=$pass; //jika sama akan membuat Sesi dengan id admin header('location:menu.php'); //redirect ke halaman menu.php exit(); } else{ //jika password tidak sama //salah akan menampilkan ini echo ' <div> <div> </div> <div style="color: red;" align="center"> <h2>Password ditolak!!</h2> </div> '; } } else{ header('location:form.php'); exit(); } ?> |
Ketiga buat file baru dengan nama menu.php isikan code di bawah ini
1 2 3 4 5 6 7 8 9 10 11 | <?php Session_start(); //berfungsi Mengaktifkan sesion if(isset($_SESSION['admin'])){ //berfungsi cek sesi dengan id admin echo '<div> </div> <div style="color: green;" align="center"> <h2>Anda berhasil login, sekarang Anda adalah admin. :) - <a href="logout.php">Logout</a></h2> </div>'; } else{ //jika tidak ada akan otomatis ke redirect ke halaman form.php header('location:form.php'); } ?> |
Yang terakhir buat file buat file baru dengan nama logout.php copy dan paste code di bawah ini
1 2 3 4 5 | <?php Session_start(); unset($_SESSION['admin']); //Mengunregister sesi dengan id admin header('location:form.php'); //dan meredirect ke halaman form ?> |
Pada file script diatas, file form.php berfungsi untuk menampilkan desain form login, file login.php berfungsi untuk cek password login jika password sama dengan password yang ditentukan akan membuat sesi dan otomatis redirect ke menu.php, dan jika salah akan kembali ke halaman form.php. Kemudian untuk file logout.php berfungsi untuk unregister sesi atau sesuai dengan namanya yakni untuk logout sesi. Download source codenya Disini
Kurang jelas?, bisa tanyakan langsung ke saya Disini
