วันพฤหัสบดีที่ 22 พฤศจิกายน พ.ศ. 2555

สอนทำระบบล็อกอิน (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"ครับ
หรือให้เอาโค๊ดข้างล่างนี้ไปวางไว้ในส่วนของ <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">&nbsp;</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">&nbsp;</td>
    </tr>
    <tr>
      <td>ชื่อ-สกุล</td>
       <td>&nbsp;</td>
    </tr>
    <tr>
       <td>&nbsp;</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 ดูผลลัพธ์




30 ความคิดเห็น :

  1. ไม่ระบุชื่อ15 กรกฎาคม 2556 19:26

    ขอคูณครับ

    ตอบลบ
    คำตอบ
    1. ด้วยความยินดีครับ ขอบคุณที่แวะมาเยี่ยมเยือนครับ

      ลบ
  2. ขอบคุณครับที่แบ่งปันความรู้ดีๆ

    ตอบลบ
    คำตอบ
    1. ด้วยความยินดีครับ ติดปัญหาตรงไหนสอบถามได้นะครับ
      ศึกษาการสอนใช้งาน Dreamweaver ได้จากที่นี่ครับ >> http://php-for-ecommerce.blogspot.com/search/label/Dreamweaver

      ลบ
    2. ความคิดเห็นนี้ถูกผู้เขียนลบ

      ลบ
  3. ถ้าใช้เครื่องมือlog in user แล้ว หลังจากล็อกอินต้องการให้ admin ไปหน้า admin.php user ไปหน้า user.php จะต้องเขียนโค้ดเพิ่มเติมอย่างไรคะ

    ตอบลบ
    คำตอบ
    1. ค่อนข้างจะยุ่งยากหน่อยครับ เพราะต้องเขียนโค๊ดเพิ่ม ควรทำแยก loginดีกว่าคับ หมายถึง admin กับ user ให้ล็อกอินคนละที่

      ลบ
  4. ไม่ระบุชื่อ13 ตุลาคม 2556 03:01

    ตรงขั้นตอน
    4.ให้สังเหตุที่ BIDDINGS จะมี Recordset ถูกสร้างขึ้นมา ให้คลิกลากไปวางที่ไฟล์ showlogin.php ดังรูป
    ผมลากไปแล้วแต่ ตอน RUN ไม่มีข้อมูลขึ้น มันว่างเปล่า

    ตอบลบ
    คำตอบ
    1. จะต้องล็อกอินเข้ามาก่อนครับ ถึงจะโชว์ข้อมูล
      สังเกตดูบรรทัดสุดท้ายที่เขียนว่า "RUN ดูผลลัพธ์" น่ะครับ

      ลบ
    2. ไม่ระบุชื่อ13 ตุลาคม 2556 04:08

      ล็อกอินแล้วครับ ไม่มีข้อมูลส่วนนั้นขึ้น อย่างอื่นปกติ

      ลบ
    3. ไม่ระบุชื่อ13 ตุลาคม 2556 04:16

      ตอนผม test ใน recordset ข้อมูลก็ขึ้น นะครับ
      แต่ พอ RUN แล้ว ล็อคอิน ดู ไม่มีข้อมูลขึ้น มี วิธีแก้ไขอะไรได้ไหมครับ
      ผมลองลบทำตามใหม่หลายรอบแล้ว ก็ไม่ได้ครับ

      ลบ
    4. ผมลืมบอกไปอีกข้อนึง คือ ใส่คำสั่ง <?php session_start(); ?> ไว้บรรทัดแรกสุดครับ

      ลบ
    5. ไม่ระบุชื่อ20 พฤศจิกายน 2557 16:38

      บรรทัดแรกสุดของตรงไหนครับ

      ลบ
    6. นั้นซิครับเอาไว้บนสุดตรงไหนครับ...

      ลบ
  5. ขอโทษนะครับ ขอถามหน่อยครับว่าผมต้องการให้เวลาล็อกอินแล้วมันแสดงชื่อตรงตาม User ผู้ล็อกอินอ่ะครับ
    แต่พอผมลองใช้ User คนที่ 2 ล็อกอินไปกลับไปดึงชื่อของคนแรกมาพอจะมีวิธีแนะนำไหมครับ

    ตอบลบ
    คำตอบ
    1. ติดเหมือนกันเลยยยยยยยยยย

      ลบ
  6. ไม่ระบุชื่อ15 เมษายน 2557 20:31

    พอลองไปทดสอบดูทำไมล็อกอินไม่ได้อะคะ อยู่หน้าเดิมตลอด

    ตอบลบ
    คำตอบ
    1. จับคู่ฟิลด์ไม่ถูกต้องหรือป่าวครับ ลองเลื่อนไปดูขั้นตอนที่ 3 ครับ
      หรือดูตามรูปนี้ http://4.bp.blogspot.com/-KNarEWZjxRk/UK3EyfVnaXI/AAAAAAAABr4/A6gLyd3ou-I/s1600/Log+In+User.jpg

      ลบ
  7. ของผม เวลาใส่ ไอดี พาสแล้ว กด ตกลง มัน ขึ้น Unknown column 'admin' in 'where clause' ในหน้าต่อไปอะคับ

    ตอบลบ
    คำตอบ
    1. มันไม่รู้จักฟิลด์ชื่อว่า admin หลังคำสั่ง where ครับ

      ลบ
  8. คือผมล๊อกอินได้แล้วข้อมูลโชว์ได้ //// แต่อยากกดไปหน้าอื่นข้อมูลก็จะตามไป ออกจากระบบพอกดย้อนกลับก็จะไม่โชว์อะครับ

    ตอบลบ
    คำตอบ
    1. ไปหน้าอื่น ต้องใส่ session_start(); ตรงบรรทัดที่ 1 ครับ ถึงจะสามารถดึงข้อมูลมาโชว์ได้ครับผม

      ลบ
  9. ไม่ระบุชื่อ26 พฤศจิกายน 2557 00:47

    คือว่าหนูทำตามผลที่ออกมาทำได้ค่ะ. แต่พอหนูกับมาดูโค้ดหนูไม่เข้าใจช่วยอธิบายในส่วนโค้ดหน่อยได้ไหมค่ะ

    ตอบลบ
  10. แถบ SERVER BEHAVIORS อยู่ตรงไหนอะครับ งงมากเลยหาไม่เจอ

    ตอบลบ
    คำตอบ
    1. กด +SERVER BEHAVIORS ไม่ได้ค่ะ

      ลบ
  11. กด +SERVER BEHAVIORS ไม่ได้ค่ะ

    ตอบลบ
  12. เอามาใช้ใน blogger ได้ไหมครับ ตอบผมที่ Facebook นะครับ แอดมา
    https://www.facebook.com/ponzagamer

    ตอบลบ
  13. ไม่ระบุชื่อ16 ตุลาคม 2558 15:27

    ระบบ login ที่ทำ สามารถอัพขึ้นเว็บจริงๆได้ไหมครับ ( ที่ไม่ใช่ localhost อ่ะครับ ) แล้วทำยังไงครับ ??

    ตอบลบ
  14. พี่คะ กด login แล้ว มันไม่ลิงค์ ไปที่ไฟล์ ที่หนูต้องการอะค่ะ แต่ลองเปลี่ยนเป็นไฟล์อืนกลับลิงค์ไปได้ จะแก้ไขยังไงได้บ้างคะ

    ตอบลบ
  15. ถ้าจะกำหนดให้ใส่รหัสผ่านให้ครบ10ตัวแล้วถึงจะสมัคสมาชิกได้ถ้าใส่ไม่ครบก็ไม่สามารถสมัครได้ ต้องทำอย่างไรครับ

    ตอบลบ