ฝึกเขียนภาษา PHP ระบบลงทะเบียนข้อมูลและ Login

ให้ดาวโหลดและติดตั้ง XAMPP เพื่อใช้งานกับภาษา PHP scripts. ลิงค์สำหรับดาวโหลด XAMPP server https://www.apachefriends.org/index.html. เปิดหน้าต่างควบคุม XAMPP's Cและเรียกใช้งาน `Apacheกับ กับ` `MySQL`. รวมทั้ง Bootstrap โดยไปที่ลิค์ https://getbootstrap.com/ .

สร้างฐานข้อมูล

เปิดไปที่ [i.e. http://localhost/phpmyadmin] สร้างฐานข้อมูล db_login.

สร้างตารางขึ้นมาเก็บข้อมูล โดยแท็บ SQL copy/paste ตามตัวอย่างด้านล่าง . คลิกปุ่มคำสั่ง Go เพื่อสร้างตาราง.

CREATE TABLE `member` (
`mem_id` int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,
`firstname` varchar(50) NOT NULL,
`lastname` varchar(50) NOT NULL,
`username` varchar(30) NOT NULL,
`password` varchar(12) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

สร้างไฟล์ชื่อ con.php เพื่อเชื่อมต่อกับฐานข้อมูล

<?php
$db_username = 'root';
$db_password = '';
$conn = new PDO( 'mysql:host=localhost;dbname=db_login', $db_username, $db_password );
if(!$conn){
die("Fatal Error: Connection Failed!");
}
?>

สร้างไฟล์ index.php เพื่อเป็นหน้าแบบฟอร์ม สำหรับการ Login

<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<a class="navbar-brand" href="https://sourcecodester.com">Sourcecodester</a>
</div>
</nav>
<div class="col-md-3"></div>
<div class="col-md-6 well">
<h3 class="text-primary">PHP - PDO Login and Registration</h3>
<hr style="border-top:1px dotted #ccc;"/>
<div class="col-md-2"></div>
<div class="col-md-8">
<?php if(isset($_SESSION['message'])): ?>
<div class="alert alert-<?php echo $_SESSION['message']['alert'] ?> msg"><?php echo $_SESSION['message']['text'] ?></div>
<script>
(function() {
// removing the message 3 seconds after the page load
setTimeout(function(){
document.querySelector('.msg').remove();
},3000)
})();
</script>
<?php
endif;
// clearing the message
unset($_SESSION['message']);
?>
<form action="login_query.php" method="POST">
<h4 class="text-success">Login here...</h4>
<hr style="border-top:1px groovy #000;">
<div class="form-group">
<label>Username</label>
<input type="text" class="form-control" name="username" />
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" name="password" />
</div>
<br />
<div class="form-group">
<button class="btn btn-primary form-control" name="login">Login</button>
</div>
<a href="registration.php">Registration</a>
</form>
</div>
</div>
</body>
</html>

สร้างไฟล์ลงทะเบียนผู้ใช้งาน register_query.php

<?php
session_start();
require_once 'conn.php';
if(ISSET($_POST['register'])){
if($_POST['firstname'] != "" || $_POST['username'] != "" || $_POST['password'] != ""){
try{
$firstname = $_POST['firstname'];
$lastname = $_POST['lastname'];
$username = $_POST['username'];
// md5 encrypted
// $password = md5($_POST['password']);
$password = $_POST['password'];
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$sql = "INSERT INTO `member` VALUES ('', '$firstname', '$lastname', '$username', '$password')";
$conn->exec($sql);
}catch(PDOException $e){
echo $e->getMessage();
}
$_SESSION['message']=array("text"=>"User successfully created.","alert"=>"info");
$conn = null;
header('location:index.php');
}else{
echo "
<script>alert('Please fill up the required field!')</script>
<script>window.location = 'registration.php'</script>
";
}
}
?>

สร้างไฟล์ทำหน้าที่ตรวจสอบในฐานข้อมูลว่ามีชื่อผู้ใช้งานในระบบหรือไม เพื่อให้สิทธิในการ Login

<?php
session_start();
require_once 'conn.php';
if(ISSET($_POST['login'])){
if($_POST['username'] != "" || $_POST['password'] != ""){
$username = $_POST['username'];
$password = $_POST['password'];
$sql = "SELECT * FROM `member` WHERE `username`=? AND `password`=? ";
$query = $conn->prepare($sql);
$query->execute(array($username,$password));
$row = $query->rowCount();
$fetch = $query->fetch();
if($row > 0) {
$_SESSION['user'] = $fetch['mem_id'];
header("location: home.php");
} else{
echo "
<script>alert('Invalid username or password')</script>
<script>window.location = 'index.php'</script>
";
}
}else{
echo "
<script>alert('Please complete the required field!')</script>
<script>window.location = 'index.php'</script>
";
}
}
?>

สร้างไฟล์ Logout.php เพื่อ จบการทำงาน

<?php
session_start();
session_destroy();
header('location: index.php');
?>

Navigate bar

ฝึกเขียนภาษา PHP ระบบลงทะเบียนข้อมูลและ Login

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

visitors