Cara Membuat Form Login Beserta Logout Dengan Php MySQL

bagaimana Tutorial Cara Membuat Form Login dan Logout Dengan Php dan MySQL, Cara membuat form login php mysql dengan session, cara membuat database login dengan phpmyadmin, cara membuat login php sederhana, cara membuat form daftar login dan logout dengan php mysql, cara membuat login php dengan dreamweaver, dengan html, membuat login database mysql?

mungkin pertanyaan itu yang sekarang ada di benak anda, sehingga anda mencari cara membuat login di php, jika memang benar anda sedang membutuhkan tutorial membuat form login anda memasuki halaman yang sangat tepat, karena di tutorial ini saya akan membuat form login dan juga proses logout dengan php dan database mysql.

login adalah suatu proses untuk masuk ke dalam sistem/halaman yang dibatasi hak aksesnya, login dapat melindungi akses terhadap halaman tertentu, misalnya kita membuat sebuah halaman yang hanya bisa diakses oleh admin saja, jadi kalau user mau akses halaman ini dia harus login dulu, biasanya login ini sangat bermanfaat untuk halaman admin, dimana halaman admin ini biasanya berisi halaman untuk mengatur isi dari web kita, jadi kalau semuanya bisa mengakses halaman ini pasti data web kita akan di obrak abrik oleh orang lain.

proses login ini biasanya akan menyesuaikan data login dengan data yang sudah kita simpan di database, kalau data tidak sesuai maka login kita akan gagal. sedangkan proses logout adalah proses untuk keluar dari sistem.

saya sebelumnya sudah pernah membuat login website sistem informasi akademik silakan dibaca jika anda butuh reference.

form login php
form login php mysql

oke berikut kita akan masuk ke tutorial membuat login di php mysql

  1. membuat database login dengan phpmyadmin

pertama kita buat dulu database mysql kita, gunakan phpmyadmin agar lebih gampang, buat database baru dengan login.

setelah anda membuat database login silakan dump query sql dibawah ini

-- phpMyAdmin SQL Dump
-- version 3.3.9
-- http://www.phpmyadmin.net
--
-- Host: localhost
-- Generation Time: Apr 05, 2017 at 06:22 PM
-- Server version: 5.5.8
-- PHP Version: 5.3.5

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `login`
--

-- --------------------------------------------------------

--
-- Table structure for table `admin`
--

CREATE TABLE IF NOT EXISTS `admin` (
  `id` int(3) NOT NULL AUTO_INCREMENT,
  `nama` varchar(255) COLLATE latin1_general_ci NOT NULL,
  `email` varchar(255) COLLATE latin1_general_ci NOT NULL,
  `kelamin` varchar(8) COLLATE latin1_general_ci NOT NULL,
  `user` varchar(25) COLLATE latin1_general_ci NOT NULL,
  `password` varchar(255) COLLATE latin1_general_ci NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=3 ;

--
-- Dumping data for table `admin`
--

INSERT INTO `admin` (`id`, `nama`, `email`, `kelamin`, `user`, `password`) VALUES
(1, 'Phpdanmysql.com', 'adieskiniko@gmail.com', 'pria', 'adies', '202cb962ac59075b964b07152d234b70'),
(2, 'Belajar Php dan Mysql', 'belajarphpmysql@yahoo.com', 'Wanita', 'belajar', '202cb962ac59075b964b07152d234b70');

setelah anda dump sql diatas maka akan tercipta sebuah table admin di dalam database login tadi.

2. selanjutnya kita buat folder baru di htdocs, nama foldernya loginphp

folder ini sebagai tempat penyimpanan script php kita nantinya.

3. membuat koneksi login php ke database mysql

setelah kita buat folder loginphp silakan buka text editor, saya pakai dreamweaver karena lebih mudah penggunaannya, kemudian salin script php dibawah ini, simpan dengan nama conn.php di dalam folder loginphp tadi.

<html>
<head>
</head>
<body>
<?
ini_set('display_errors',FALSE);
$host="localhost";
$user="root";
$pass="";
$db="login";


$koneksi=mysql_connect($host,$user,$pass);
$tanggal=date("Y-m-d H:i:s");

if ($koneksi)
{
	//echo "berhasil : )";
}else{
	?><script language="javascript">alert("Bung...Gagal Koneksi Database MySql !!")</script><?
}

?>

</body>
</html>

scirpt conn.php ini berfungsi untuk menghubungkan ke database login yang sudah kita buat tadi.

4. membuat home.php

<? 
session_start();
if (session_is_registered('id'))
{
	$_SESSION['id'];
	$_SESSION['user'];
	
	?>
	<html>
	<head>
		<title>Phpdanmysql.com</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<style type="text/css">
		<!--
.style2 {
	font-family: "comic Sans MS";
	font-size: 14px;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.style4 {font-family: Arial, Helvetica, sans-serif}
.style5 {
	color: #FF0000;
	font-weight: bold;
}
		-->
		</style>
	</head>
	<body background="./img/background.jpg">
	<p>&nbsp;</p>
		<table border="0" align="center" bgcolor="#FFFFFF">
		<tr>
			<td width="501">
			
			
			
			<table width="547" height="368" border="0" align="center">
			<tr>
				<td width="444" height="32" align="center" valign="top" class="style4"><marquee behavior="scroll" scrollamount="3">Selamat Datang <? echo $_SESSION['user_name'];?>
				</marquee>
				</td>
			</tr>
			<tr>
				<td height="21" align="center" bgcolor="#00CCFF"><a href="logout.php" class="style5" title="Keluar">Menu Logout</a></td>
			</tr>
			<tr>
				<td height="260" align="center" bgcolor="#6633FF">
				  <span class="style3">Disini isi  dari web anda</span></td>
			</tr>
			<tr>
				<td height="45"><div align="center" class="style2">Copyright &copy; phpdanmysql.com</div></td>
			</tr>
			</table>
			
			
		  </td>
		</tr>
		</table>
	    <p>&nbsp;</p>
	</body>
	</html>
<?
}else{
	?><script language="javascript">
	alert("Maaf Bro, Kamu harus Login untuk mengakses halaman ini!!");
	document.location="login.php";
	</script>
	<?
}
?>

home.php ini adalah halaman yang akan tampil setelah kita berhasil login. walaupun tampilannya masih sederhana tapi tidak apa-apa yang penting sudah bisa login dan logout. dan sudah dilengkapi dengan session.

5. membuat form login

login.php

<? session_start();
if (isset($_POST['admin']))
{
	include ("conn.php");
	$user_name=htmlentities((trim($_POST['admin'])));
	$password=htmlentities(md5($_POST['kunci']));
	
	$login=mysql_db_query($db,"select * from admin where user='$user_name' and password='$password'",$koneksi);
	
	$cek_login=mysql_num_rows($login);
		if (empty($cek_login))
		{
			?><script language="javascript">
			alert("Maaf, Sepertinya Password Anda salah!!");
			document.location="login.php";
			</script><?
		}
		else
		{
			//daftarkan ID jika user dan password BENAR
			while ($row=mysql_fetch_array($login))
			{
				$id=$row[0];
				session_register('id');
				session_register('user_name');
			}
			echo "<script> document.location.href='home.php'; </script>";
		}
}
?>


<html>
<title>Login</title>
<head>
<script language="javascript">
function cek(){
	var user= document.getElementById('userid').value;
	var pass= document.getElementById('passwd').value;
	if(user.replace(/^\s+|\s+$/g, '')==''){
		alert('Username Harus Diisi!');
		return false;
	} 
	if(pass.replace(/^\s+|\s+$/g, '')==''){
		alert('Password Harus diisi!');
		return false;
	}
	return true;
}
</script>
</head>

<form action="login.php" method="post">
  <p align="center"><? echo $status;?></p>
  <table width="251" height="101" border="0" align="center" bgcolor="#0099CC">
<tr valign="bottom">
	<td width="104" height="35"><font size="4" face="verdana">Username</font></td>
  	<td width="137"><input type="text" name="admin" size="20" id="userid"></td>
</tr>

<tr valign="top">
	<td height="34"><font size="4" face="verdana">Password</font></td>
  	<td><input type="password" name="kunci" size="20" id="passwd"></td>
</tr>

<tr>
	<td>&nbsp;</td>
	<td><input name="submit" type="submit" onClick="return cek()" value="LOGIN" style="background-color:#FF0000"></td>
</tr>
</table>
</form>

</body>
</html>

login.php ini adalah halaman atau form login untuk melakukan login, untuk input username dan password, dimana inputan passwordnya sudah memakai md5, dimana md5 ini adalah saat kita ktik password kita maka passwordnya tidak kelihatan. dan Form login dengan php ini sudah di lengkapi dengan javascript kompirmasi bahwa username dan password tidak boleh kosong.

6. membuat logout php

yang terakhir kita buat logout.php

<? session_start();
if (session_is_registered('id'))
{
	session_unregister("id");
	session_unregister("user_name");
	//session_destroy();
	?><script language="javascript">
	alert("Anda Berhasil logout.");
	document.location="login.php";
	</script><?
	
}else{
	?><script language="javascript">
	alert("Maaf, Anda tidak berhak mengakses halaman ini!!");
	document.location="login.php";
	</script>
	<?
}
?>

logout.php ini adalah proses saat kita keluar dari sistem.

setelah selesai semua step-step diatas sekarang coba kita jalankan di localhost/loginphp/login.php

coba login dengan username : adies password : 123

jika tidak terjadi error maka anda akan diarahkan ke halaman home, untuk keluar silakan klik logout.

namun jika ada terjadi error mohon disampaikan di komentar.

oke sekian tutorial membuat form login logout php dan mysql ini semoga tutorial sederhana ini bermanfaat bagi anda yang membutuhkannya.

salam

Keyword:

  • buat halaman admin
  • cara membuat form daftar login dan logout dengan php mysql
  • bagaimana cara masuk phpmyadmin 5 5
  • cara buat logout di php yang gampang
  • cara membuat form login php codepolitan
  • cara membuat fungsi logout di php
  • membuat form login sederhana dengan php mysql
  • membuat login dan logout dengan php mysql

Get real time updates directly on you device, subscribe now.

loading...
6 Comments
  1. michael says

    kok error saya
    kenapa ya???
    tulisan nya passwordnya salah?

    1. adies says

      Di punya saya kok nggak error ya…
      Pengaturan php kita ada yang beda tu… Coba di setting kyk punya saya
      Baca tutorial disini
      https://phpdanmysql.com/cara-mengatasi-error-php/

  2. michael says

    bales dong!!!!
    LAGI BUTUH NI

    1. adies says

      Maaf lma dibalas karena ada kerja offline jdi jarang online.. Tpi itu sudah di balas…

  3. user says

    sudah diganti tapi kok tetep password salah yaa?

    1. adies says

      Mungkin script nya bda dgn pnya sya gan.krna sya dan yg lain sukses kok.

Ingin Berkomentar?

×
Lewat ke baris perkakas