ทำระบบล๊อกอินอย่างง่าย ด้วย PHP Login with Mysql Data Base

ทำระบบล๊อกอินอย่างง่าย ด้วย PHP Login with Mysql Data Base

PHP CODE FATHER โปรแกรมช่วยสร้างโค้ด โปรเจ็ค PHP+MySQL+Boostrap ใช้งานง่าย ๆ


อันที่จริง ระบบล๊อกอิน ผมเคยได้เขียนบทความไว้แล้ว

แต่อาจจะยังไม่เห็นภาพ ก็เลยขอเขียนใหม่เลย เอาแบบง่าย ๆ

มีภาพประกอบด้วยนะครับ จะได้ดูแล้วทำตาม หรือ เข้าใจเลย

 

ระบบก็ไม่มีอะไรมากนะครับ เก็บแค่ User_id, User_Name, User_Password เท่านั้น

เพื่อให้ง่ายนะครับ ส่วนหลักการทำงานของระบบนั้น ก็ประมาณนี้ครับ

  1. ผู้ใช้กรอก หรือ ระบุ ข้อมูล User_Name และ User_Password แล้วกดปุ่ม Log - in
  2. ระบบทำการตรวจเช็คว่า User_Name และ User_Password ที่ผู้ใช้กรอกนั้น ถูกต้องหรือเปล่า
  3. หากถูกต้องก็ส่งผู้ใช้ไปยังหน้าที่เราต้องการ แต่ถ้าหากไม่ถูกต้องก็แจ้งให้ผู้ใช้ทราบด้วย Javascript

โค้ดก็ตามนี้ครับ

 

อันนี้ดาต้าเบส

 

-- ฐานข้อมูล: `code-father-test`

-- โครงสร้างตาราง `user`
--

CREATE TABLE `user` (
  `user_id` varchar(10) NOT NULL,
  `user_name` varchar(50) NOT NULL,
  `user_password` varchar(50) NOT NULL,
  PRIMARY KEY  (`user_id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

--
-- dump ตาราง `user`
--

INSERT INTO `user` VALUES ('00001', 'Admin', '123456');
INSERT INTO `user` VALUES ('00002', 'User1', '111111');
INSERT INTO `user` VALUES ('00003', 'User2', '222222');
INSERT INTO `user` VALUES ('00004', 'User3', '333333');

 

วิธีติดตั้งก็ให้สร้างดาต้าเบสชื่อ code-father-test (หรือชื่ออะไรก็ได้นะครับ)

แล้วก็ก๊อปโค้ดด้านบน (สีเขียว) ไปวางใน SQL จากนั้นก็สร้างได้เลยครับ

 

 

 

ติดตั้งเสร็จก็จะได้ตาราง user และมีข้อมูลเพื่อทดสอบระบบตามรูปด้านบนนี้ครับ

 

โค้ดระบบล๊อกอิน

 

<?
header("Content-type: text/html; charset=utf-8");

// เชื่อมต่อดาต้าเบส ********************
$host = "127.0.0.1";
$sys_user ="root";
$sys_password = "123456";
$database = "code-father-test";
$link = mysql_connect($host,$sys_user,$sys_password) or die(mysql_error());
mysql_select_db($database) or die(mysql_error());
// เชื่อมต่อดาต้าเบส ********************
    
if($submit=="Login" ){
   $sql="Select * from user Where user_name='".$user_name."' and user_password='".$user_password."' ";
   
   $rstTemp=mysql_query($sql);
     if(mysql_num_rows($rstTemp)==0){
?>
       <script language="JavaScript">
        alert("รหัสไม่ถูกต้อง หรือ ยังไม่มีอยู่ในระบบ \r\n\r\nกรุณาลองใหม่อีกครั้ง หรือติดต่อเจ้าหน้าที่ \r\n\r\nเพื่อดำเนินการต่อไป ......  ^_^\r\n\r\n ");
        window.location.href = "index.php";
       </script>
<?     
     }else{
?>
       <script language="JavaScript">
        alert("สวัสดีครับ คุณ <?=$user_name?> ยินดีต้อนรับเข้าสู่ระบบครับ");
        window.location.href = "member.php"; //ส่ง user ไำปยังหน้าที่เราต้องการ
       </script>
<?
     }
}
?>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ระบบล๊อกอิน</title>

<form name="Myform" method="post"  action="index.php?submit=Login">
   User Name : <input name="user_name" type="text" size="15" maxlength="15">
   <br><br>
   Password  : <input name="user_password" type="password" size="15" maxlength="15">
   <br><br>
   <input type="submit" name="OK" value="   LOG - IN    "  >
   <input type="reset" name="OK2" value="    CLEAR     "  >
</form>

และนี่คือหน้าตาของระบบครับ

 

 ถ้า User Name และ Password ถูกก็แจ้งให้ผู้ใช้ทราบ

 

 

******************************************

 

อันนี้ล๊อกอินแบบไม่ถูกต้อง ระบบก็แจ้งประมาณนี้เลยครับ

 

 

 

*********************************************

 

เกร็ดเล็ก เกร็ดน้อย จากการทำระบบ

   ภาษาของ javascript กลายเป็นภาษาต่างดาว อ่านไม่รู้เรื่องเลย

ผมก็หาอยู่ตั้งนาน เพราะในไฟล์ php ก็ใส่ utf-8 ไว้แล้วข้างล่างโค้ด php ที่เอาไว้ตรวจสอบ

ลองย้ายขึ้นไปไว้บนโค้ด php ก็ไม่ได้เหมือนเดิม ก็เลยต้องเอาโค้ด

 

header("Content-type: text/html; charset=utf-8");

 

ไปไว้ด้านบนแทน ซึ่งก็ไม่รู้ว่าเป็นเพราะอะไร บางทีก็ได้ บางที ก็ไม่ได้ซะงั้น

แต่ปัญหามีเอาไว้แก้ ทำยังไงก็ได้ ให้ออกมาเหมือนที่เราต้องการ ก็พอแล้วใช่ไหมครับ

อันนี้ก็ขอหมายเหตุไว้ เพื่อใครที่กำลังเจอเหมือนกัน จะได้เอาไปลองดู

 

ขอบคุณครับ

 


ย้อนกลับ กลับหน้าแรก