การสร้างระบบLoginสำหรับสมาชิก(Mysql,PHP,JQuery UI)


หน้าแรก jQuery การสร้างระบบLoginสำหรับสมาชิก(Mysql,PHP,JQuery UI)
วันนี้ผมจะสอนการทำระบบล็อกอินอย่างง่ายๆ ซึ่งเราสามารถเอาไปประยุกต์ใช้ในงานเว็บแอพพลิเคชั่นของตัวเองได้คับ ซึ่งผมจะใช้ฐานข้อมูล mysql, ภาษาPHP,และ JQuery UI เริ่มกันเลยนะคับ
1.ให้สร้างฟอร์มล็อกอินสำหรับให้สมาชิกป้อนข้อมูลคับ โดยให้สร้างและกำหนดแอททริบิวตามตามนี้เลยคับ
รูปที่ 1 การสร้างฟอร์มสำหรับล็อกอินของสมาชิก
2.เมื่อเราได้สร้างฟอร์มเสร็จสมบูรณ์แล้ว ก่อนอื่นผมจะแนะนำ Class และ Method ที่ผมสร้างขึ้น และจะนำมาใช้กับโปรเจ็คนี้คับ
2.1 Class dbconmysql ผมสร้างในไฟล์ชื่อ dbconnect.php เก็บไว้ใน folder include ดังรูปนี้คับ
รูปที่ 2 ไฟล์ dbconnect.php

2.2 Class jquery สำหรับเรียกใช้ Libary ของ JQuery UI และเลือกMethod alert() เพื่อแสดง Dialog Message ดังรูป
รูปที่ 3 ไฟล์ jquery-class.php
3.เมื่อเราสร้างฟอร์มเสร็จแล้ว ให้พิมพ์โค๊ดตามในกรอบสีแดง
รูปที่ 4 การกำหนด action และ สร้างtag span เอาไว้แสดงDialog
1 คือ การส่งค่าเข้าหาตัวเอง 
2 คือ การสร้างพื้นที่เอาไว้แสดง Dialog 
4.จาก นั้นให้require class เข้ามาใช้งานคับ ซึ่งจะมีClass สำหรับจัดการกับฐานข้อมูล(dbconnet.php) และ Class สำหรับ แสดง Libraly ของ JQuery UI(jquery-class.php) คับ
 รูปที่ 5 การrequire Class มาใช้งาน
5.ขั้นตอนสุดท้าย ให้พิมพ์โค๊ดลงไปต่อจากบรรทัดที่6ตามนี้เลยคับ ซึ่งเป็นโค๊ดที่ทำงานหลังจากที่เรากดปุ่ม Login ดังรูป
รูปที่ 6 โค๊ดตรวจสอบUser,Password ของสมาชิก
จากนั้นเรามาดูผลลัพธ์กันคับ 
1 เมื่อลูกค้าไม่ใส่รหัสผ่าน หรือกรอกรหัสผ่านไ่ม่ถูกต้อง มันจะแสดงDialog ตามนี้คับ 
 
2 เมื่อลูกค้าใส่รหัสผ่านถูกต้องมันจะแสดงDialog ตามนี้คับ 
ปล สำหรับเทเบิล ฐานข้อมูลที่ผมใช้ ให้กลับไปดูบทความระบบลงทะเบียนสมาชิก รูปที่ 1 การสร้างเทเบิลลูกค้า ผมใช้เทเิบิลเดียวกันคับ
ไฟล์ที่ใช้ประกอบบทความนี้ dbcoonnect,jquery,myLogin.php

refer: http://pnwtt1987.blogspot.com/2010/08/loginmysqlphpjquery-ui.html


ขึ้นไปด้านบน