สอนทำระบบล็อกอิน (Login) ล็อกเอาท์ (Logout) ด้วยโปรแกรม Dreamweaver
วันนี้ผมจะสอนทำระบบล็อกอิน (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"ครับ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| <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.ให้ดีไซน์ตามนี้
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <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 ดูผลลัพธ์
0 ความคิดเห็น:
แสดงความคิดเห็น