Registration Login Form

แบบฟอร์มลงทะเบียนเข้าสู่ระบบ PHP

1. สรุปโครงการ

แบบฟอร์มลงทะเบียนและเข้าสู่ระบบที่สร้างขึ้นโดยใช้ฐานข้อมูล PHP, HTML, CSS และ JSON ในโปรเจ็กต์นี้ ผู้ใช้จะลงทะเบียนโดยใช้อีเมล ชื่อผู้ใช้ และรหัสผ่าน ซึ่งจะถูกจัดเก็บไว้ในฐานข้อมูล JSON หลังจากลงทะเบียน ผู้ใช้จะเข้าสู่ระบบโดยใช้อีเมลและรหัสผ่านที่ลงทะเบียนไว้ ซึ่งจะถูกเปลี่ยนเส้นทางไปยังหน้าแรกของการเข้าสู่ระบบ

2. การสาธิตผู้ใช้

ในโครงการนี้มีการสร้าง 1 บัญชีเพื่อเข้าสู่ระบบ

ชื่อผู้ใช้ : user1

อีเมล์ : [email protected]

รหัสผ่าน : รหัสผ่าน

3. ลักษณะโครงการ

ก. สไตล์ (CSS)

สไตล์การแสดงเพจในโครงการนี้ตั้งค่าโดยใช้ CSS ซึ่งจัดเก็บไว้ในไฟล์ style.css

ข. ฐานข้อมูล (JSON)

ฐานข้อมูลที่ใช้เป็นฐานข้อมูล JSON ชื่อ data.json data.json จัดเก็บข้อมูลผู้ใช้ในรูปแบบของอีเมล ชื่อผู้ใช้ และรหัสผ่านที่เข้ารหัส

ค. กำหนดค่า (PHP)

Config เป็นไฟล์ PHP ที่เก็บฟังก์ชันที่ใช้ในโปรเจ็กต์แบบฟอร์มลงทะเบียนเข้าสู่ระบบในรูปแบบของฟังก์ชัน PHP

ง. ดัชนี (PHP+HTML)

Index คือการแสดงผลเริ่มต้นเมื่อรันโปรแกรม PHP ในหน้าดัชนี ผู้ใช้จะได้รับปุ่มสองปุ่มที่นำไปยังหน้าลงทะเบียนหรือหน้าเข้าสู่ระบบ

จ. หน้าลงทะเบียน (PHP+HTML)

จากหน้าดัชนี ผู้ใช้ใหม่จะถูกส่งไปยังหน้าลงทะเบียนซึ่งผู้ใช้ใหม่จะสร้างบัญชีใหม่โดยใช้อีเมลและรหัสผ่าน ในหน้านี้ผู้ใช้จะกรอกแบบฟอร์ม 3 แบบ ได้แก่ อีเมล ชื่อผู้ใช้ และรหัสผ่าน หลังจากลงทะเบียนแล้ว ข้อมูลที่กรอกจะถูกบันทึกลงในฐานข้อมูล data.json

ฉ. หน้าเข้าสู่ระบบ (PHP+HTML)

หน้าเข้าสู่ระบบสามารถเข้าถึงได้ผ่านทางหน้าดัชนีหรือเปลี่ยนเส้นทางจากหน้าการลงทะเบียนหลังจากการลงทะเบียนสำเร็จ ในหน้านี้ผู้ใช้จะกรอกอีเมลและรหัสผ่านที่ใช้ในการลงทะเบียน จากนั้นหลังจากกดเข้าสู่ระบบ ระบบจะนำไปยังหน้าแรกของการเข้าสู่ระบบ

ก. หน้าเข้าสู่ระบบหน้าแรก (PHP+HTML)

หลังจากเข้าสู่ระบบ ผู้ใช้จะถูกเปลี่ยนเส้นทางไปยังหน้าเข้าสู่ระบบหน้าแรก หน้านี้สามารถเข้าถึงได้เฉพาะเมื่อคุณเข้าสู่ระบบแล้ว หน้านี้ประกอบด้วยข้อมูลผู้ใช้ในรูปแบบของชื่อผู้ใช้และอีเมล มีปุ่มออกจากระบบซึ่งหลังจากคลิกแล้วผู้ใช้จะออกจากระบบและต้องเข้าสู่ระบบอีกครั้ง