วันนี้ผมจะสอนทำระบบล็อกอิน (Login) และล็อกเอาท์ (Logout) ด้วยโปรแกรม Dreamweaver กันครับ โดยที่ไม่ต้องเขียนโค๊ด PHP ให้ยุ่งยากเลยครับ เพราะ Dream มันจะสร้างโค๊ดให้เราเอง
ก่อนอื่นต้องทำตามขั้นตอนเหล่านี้ในโปรแกรม Dream ให้เสร็จเรียบร้อยก่อนนะครับ
1.ตั้งค่า Manage Site ให้กับโปรแกรม Dreamweaver
2.สร้างการเชือมต่อกับฐานข้อมูล
จากนั้นให้สร้างไฟล์ขึ้นมา 3 ไฟล์คือ login.php(เข้าสู่ระบบ),showlogin.php(แสดงข้อมูลของสมาชิกที่เข้าสู่ระบบ) และ logut.php (ออกจากระบบ)
1.ไฟล์ login.php
1.ให้ออกแบบตามนี้เลยครับ โดยต้องมี form , Textfield 2 ช่อง คือ user name กับ password และปุ่มbutton ชื่อ Login! และควรตั้งชื่อให้กับ Textfield username กับ password ให้ตรงกับชื่อฟิลด์ในฐานข้อมูลของเราด้วยนะครับ ตัวอย่าง ของผมตั้งชื่อ User name ว่า name="username" ส่วน Password ผมตั้งชื่อว่า name="password"ครับ
หรือให้เอาโค๊ดข้างล่างนี้ไปวางไว้ในส่วนของ <body> ได้ครับ
<form id="form1" name="form1" method="POST" action=""> <table width="450" border="1" align="center"> <tr> <td colspan="2" align="center" bgcolor="#99CC00"><strong>เข้าสู่ระบบ</strong></td> </tr> <tr> <td>User name</td> <td><label> <input type="text" name="username" id="username" /> </label></td> </tr> <tr> <td height="29">Password</td> <td><label> <input type="password" name="password" id="password" /> </label></td> </tr> <tr> <td height="29"> </td> <td><label> <input type="submit" name="btLogin" id="btLogin" value="Login!" /> </label></td> </tr> </table> </form>
2.จากนั้นให้ไปที่แท็บ SERVER BEHAVIORS กดปุ่ม + เลือก User Authentication > เลือก Log In User ดังรูป
3.จะปรากฏหน้าต่าง Log In User ดังรูป
ให้กำหนดค่าตามนี้เลยครับ
Username field: ให้เลือกชื่อ Textfiled User name ของคุณครับ สำหรับของผมชื่อ username
Password field: ให้เลือกชื่อ Textfiled Password ของคุณครับ สำหรับของผมชื่อ password
Validate using connection: ให้เลือกการเชื่อมต่อของคุณที่ได้สร้างเอาไว้จากขั้นตอน -> สร้างการเชื่อมต่อฐานข้อมูล MySQL ด้วยDreamweaver (PHP+MySQL)
Table: เลือกชื่อเทเบิลจากฐานข้อมูลของคุณ ของผมชื่อ tbl_member
Username column:เลือก ชื่อฟิลด์ username ของคุณ
Username column:เลือก ชื่อฟิลด์ password ของคุณ
If login succeeds go to: กำหนดว่าเมื่อล็อกอินเสร็จสมบูรณ์แล้วให้ Redirect ไปที่ไหน ของผมให้มันไปที่ไฟล์ showlogin.php
If login fails go to: กำหนดว่าล็อกอินไม่ถูกต้องให้ไปที่ไหน ของผมเลือกให้มาหน้าเดิมคือ login.php
4.ให้สังเกตุใน Dream จะมีตัวแปรแบบ Session ตัวนึงที่เก็บค่าการล็อกอินเอาไว้ครับ คือ $_SESSION[‘MM_Username’] ให้จำค่านี้เอาไว้เลยนะครับ เพราะเราจะเอามาใช้แสดงในหน้า showlogin.php
2. ไฟล์ showlogin.php
1.ให้ดีไซน์ตามนี้
หรือพิมพ์โค๊ดดังนี้
<table width="500" border="1" align="center"> <tr> <td colspan="2" bgcolor="#FFCC00"><strong>แสดงข้อมูลสมาชิก</strong></td> </tr> <tr> <td width="200"><strong>Username</strong></td> <td width="284"> </td> </tr> <tr> <td>ชื่อ-สกุล</td> <td> </td> </tr> <tr> <td> </td> <td>ออกจากระบบ</td> </tr> </table>
2..ไปที่แท็บ BIDDINGS กดปุ่ม + เลือก Recordset (Query) ดังรูป
3.เมื่อหน้าต่าง Recordset แสดงขึ้นมา ให้กำหนดค่าดังนี้
1.กำหนดชื่อให้กับ Recoredset ของเรา ของผมตั้งชื่อว่า show_member
2.เลือกค่าการเชื่อมต่อที่เราได้สร้างไว้
3.เลือก Table ที่จะใช้แสดงข้อมูล
4.เลือกว่าจะให้แสดงฟิลด์อะไรบ้าง ของผมเลือกทั้งหมด (All)
5.เลือกฟิลด์ที่จะใช้เป็นเงื่อนไขในแสดงข้อมูลเฉพาะสมาชิกที่ล็อกอิน
6.เลือกตัวแปรแบบ Session Variable และใส่ชื่อ session ของเราลงไปคือ MM_Username
7.กดปุ่ม OK
4.ให้สังเหตุที่ BIDDINGS จะมี Recordset ถูกสร้างขึ้นมา ให้คลิกลากไปวางที่ไฟล์ showlogin.php ดังรูป
3.ไฟล์ logout.php
1.ให้สร้างลิงค์ที่ คำว่า ออกจากระบบ ของไฟล์ showlogin.php ไปที่ไฟล์ logout.php หรือโค๊ด
<a href="logout.php">ออกจากระบบ</a>
2.เปิดไฟล์ logout.php ขึ้นมา จากนั้นให้ไปที่ SERVERS BIHAVIORS เลือกที่ Log Out User ดังรูป
3.กำหนดค่าตามนี้
RUN ดูผลลัพธ์
1.กำหนดชื่อให้กับ Recoredset ของเรา ของผมตั้งชื่อว่า show_member
2.เลือกค่าการเชื่อมต่อที่เราได้สร้างไว้
3.เลือก Table ที่จะใช้แสดงข้อมูล
4.เลือกว่าจะให้แสดงฟิลด์อะไรบ้าง ของผมเลือกทั้งหมด (All)
5.เลือกฟิลด์ที่จะใช้เป็นเงื่อนไขในแสดงข้อมูลเฉพาะสมาชิกที่ล็อกอิน
6.เลือกตัวแปรแบบ Session Variable และใส่ชื่อ session ของเราลงไปคือ MM_Username
7.กดปุ่ม OK
4.ให้สังเหตุที่ BIDDINGS จะมี Recordset ถูกสร้างขึ้นมา ให้คลิกลากไปวางที่ไฟล์ showlogin.php ดังรูป
3.ไฟล์ logout.php
1.ให้สร้างลิงค์ที่ คำว่า ออกจากระบบ ของไฟล์ showlogin.php ไปที่ไฟล์ logout.php หรือโค๊ด
<a href="logout.php">ออกจากระบบ</a>
2.เปิดไฟล์ logout.php ขึ้นมา จากนั้นให้ไปที่ SERVERS BIHAVIORS เลือกที่ Log Out User ดังรูป
3.กำหนดค่าตามนี้
RUN ดูผลลัพธ์
ขอคูณครับ
ตอบลบด้วยความยินดีครับ ขอบคุณที่แวะมาเยี่ยมเยือนครับ
ลบขอบคุณครับที่แบ่งปันความรู้ดีๆ
ตอบลบด้วยความยินดีครับ ติดปัญหาตรงไหนสอบถามได้นะครับ
ลบศึกษาการสอนใช้งาน Dreamweaver ได้จากที่นี่ครับ >> http://php-for-ecommerce.blogspot.com/search/label/Dreamweaver
ความคิดเห็นนี้ถูกผู้เขียนลบ
ลบถ้าใช้เครื่องมือlog in user แล้ว หลังจากล็อกอินต้องการให้ admin ไปหน้า admin.php user ไปหน้า user.php จะต้องเขียนโค้ดเพิ่มเติมอย่างไรคะ
ตอบลบค่อนข้างจะยุ่งยากหน่อยครับ เพราะต้องเขียนโค๊ดเพิ่ม ควรทำแยก loginดีกว่าคับ หมายถึง admin กับ user ให้ล็อกอินคนละที่
ลบตรงขั้นตอน
ตอบลบ4.ให้สังเหตุที่ BIDDINGS จะมี Recordset ถูกสร้างขึ้นมา ให้คลิกลากไปวางที่ไฟล์ showlogin.php ดังรูป
ผมลากไปแล้วแต่ ตอน RUN ไม่มีข้อมูลขึ้น มันว่างเปล่า
จะต้องล็อกอินเข้ามาก่อนครับ ถึงจะโชว์ข้อมูล
ลบสังเกตดูบรรทัดสุดท้ายที่เขียนว่า "RUN ดูผลลัพธ์" น่ะครับ
ล็อกอินแล้วครับ ไม่มีข้อมูลส่วนนั้นขึ้น อย่างอื่นปกติ
ลบตอนผม test ใน recordset ข้อมูลก็ขึ้น นะครับ
ลบแต่ พอ RUN แล้ว ล็อคอิน ดู ไม่มีข้อมูลขึ้น มี วิธีแก้ไขอะไรได้ไหมครับ
ผมลองลบทำตามใหม่หลายรอบแล้ว ก็ไม่ได้ครับ
ผมลืมบอกไปอีกข้อนึง คือ ใส่คำสั่ง <?php session_start(); ?> ไว้บรรทัดแรกสุดครับ
ลบบรรทัดแรกสุดของตรงไหนครับ
ลบนั้นซิครับเอาไว้บนสุดตรงไหนครับ...
ลบขอโทษนะครับ ขอถามหน่อยครับว่าผมต้องการให้เวลาล็อกอินแล้วมันแสดงชื่อตรงตาม User ผู้ล็อกอินอ่ะครับ
ตอบลบแต่พอผมลองใช้ User คนที่ 2 ล็อกอินไปกลับไปดึงชื่อของคนแรกมาพอจะมีวิธีแนะนำไหมครับ
ติดเหมือนกันเลยยยยยยยยยย
ลบพอลองไปทดสอบดูทำไมล็อกอินไม่ได้อะคะ อยู่หน้าเดิมตลอด
ตอบลบจับคู่ฟิลด์ไม่ถูกต้องหรือป่าวครับ ลองเลื่อนไปดูขั้นตอนที่ 3 ครับ
ลบหรือดูตามรูปนี้ http://4.bp.blogspot.com/-KNarEWZjxRk/UK3EyfVnaXI/AAAAAAAABr4/A6gLyd3ou-I/s1600/Log+In+User.jpg
ของผม เวลาใส่ ไอดี พาสแล้ว กด ตกลง มัน ขึ้น Unknown column 'admin' in 'where clause' ในหน้าต่อไปอะคับ
ตอบลบมันไม่รู้จักฟิลด์ชื่อว่า admin หลังคำสั่ง where ครับ
ลบคือผมล๊อกอินได้แล้วข้อมูลโชว์ได้ //// แต่อยากกดไปหน้าอื่นข้อมูลก็จะตามไป ออกจากระบบพอกดย้อนกลับก็จะไม่โชว์อะครับ
ตอบลบไปหน้าอื่น ต้องใส่ session_start(); ตรงบรรทัดที่ 1 ครับ ถึงจะสามารถดึงข้อมูลมาโชว์ได้ครับผม
ลบคือว่าหนูทำตามผลที่ออกมาทำได้ค่ะ. แต่พอหนูกับมาดูโค้ดหนูไม่เข้าใจช่วยอธิบายในส่วนโค้ดหน่อยได้ไหมค่ะ
ตอบลบแถบ SERVER BEHAVIORS อยู่ตรงไหนอะครับ งงมากเลยหาไม่เจอ
ตอบลบกด +SERVER BEHAVIORS ไม่ได้ค่ะ
ลบกด +SERVER BEHAVIORS ไม่ได้ค่ะ
ตอบลบเอามาใช้ใน blogger ได้ไหมครับ ตอบผมที่ Facebook นะครับ แอดมา
ตอบลบhttps://www.facebook.com/ponzagamer
ระบบ login ที่ทำ สามารถอัพขึ้นเว็บจริงๆได้ไหมครับ ( ที่ไม่ใช่ localhost อ่ะครับ ) แล้วทำยังไงครับ ??
ตอบลบพี่คะ กด login แล้ว มันไม่ลิงค์ ไปที่ไฟล์ ที่หนูต้องการอะค่ะ แต่ลองเปลี่ยนเป็นไฟล์อืนกลับลิงค์ไปได้ จะแก้ไขยังไงได้บ้างคะ
ตอบลบถ้าจะกำหนดให้ใส่รหัสผ่านให้ครบ10ตัวแล้วถึงจะสมัคสมาชิกได้ถ้าใส่ไม่ครบก็ไม่สามารถสมัครได้ ต้องทำอย่างไรครับ
ตอบลบ