วันพฤหัสบดีที่ 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>