Cookie & Session การสร้างฟอร์มรับข้อมูล และการแลกเปลี่ยนข้อมูล

COMPROGRAMMING Cookie & Sessionการสร้างฟอร์มรับข้อมูล และการแลกเปลี่ยนข้อมูล

COMPROGRAMMING เนื้อหา แบบฟอร์ม การสร้างฟอร์ม ตัวอย่างการสร้างฟอร์ม การแลกเปลี่ยนข้อมูลด้วย Cookie และ Session

COMPROGRAMMING 1. แบบฟอร์ม ฟอร์มทำงานอย่างไร ทำหน้าที่เพียงรับข้อมูลที่ผู้ใช้ (User) กรอกเข้าไปเท่านั้นส่วนการประเมินผลต่าง เช่น การนำข้อมูลที่ผู้ใช้กรอกเข้าไปเก็บลงฐานข้อมูล (Database) หรือนำไปคำนวณ โดยใช้ภาษาต่างๆ เช่น PHP , ASP และ JSP เป็นต้น Input type=“text” Input type=“password” Input type=“checkbox” Input type=“submit”

COMPROGRAMMING 2. การสร้างฟอร์ม การสร้างฟอร์ม เริ่มแรกจะต้องใส่ Form TAGโดยคลิกเมนู Insert -> Form -> Form <form id=“form1" name="form1" method="post" action="Printregister.php" > </form>

COMPROGRAMMING 2. การสร้างฟอร์ม การสร้างฟอร์ม 2. Object การป้อนข้อมูล จะแบ่งออกเป็น2กลุ่มด้วยกัน โดยคลิกเมนู Insert -> Form -> Text Field , -> Textarea Text Field Textarea

COMPROGRAMMING 2. การสร้างฟอร์ม การสร้างฟอร์ม 2. Object การป้อนข้อมูล จะแบ่งออกเป็น2กลุ่มด้วยกัน โดยคลิกเมนู Insert -> Form -> Text Field , -> Textarea <inputname="logname" type="text" id="logname" size="20" maxlength="15" /> <inputname="pw" type="password" id="pw" size="20" maxlength="15" /> <textareaname="address" cols="28" rows="4" id="address"></textarea>

COMPROGRAMMING 2. การสร้างฟอร์ม การสร้างฟอร์ม 3. Object การเลือกข้อมูล จะแบ่งออกเป็น3กลุ่มด้วยกัน โดยคลิกเมนู Insert -> Form -> Checkbox , -> Radio , -> List/Menu Radio List/Menu Checkbox

COMPROGRAMMING 2. การสร้างฟอร์ม การสร้างฟอร์ม 3. Object การเลือกข้อมูล จะแบ่งออกเป็น3กลุ่มด้วยกัน โดยคลิกเมนู Insert -> Form -> Checkbox(เลือกมากกว่าหนึ่งอย่าง) <input name="hobby" type="checkbox" id="hobby" value="sport" />เล่นกีฬา <input name="hobby2" type="checkbox" id="hobby2" value="read" />อ่านหนังสือ <input name="hobby3" type="checkbox" id="hobby3" value="tour" /> ท่องเที่ยว <input name="hobby4" type="checkbox" id="hobby4" value="game" />เล่นเกมส์

COMPROGRAMMING 2. การสร้างฟอร์ม การสร้างฟอร์ม 3. Object การเลือกข้อมูล จะแบ่งออกเป็น3กลุ่มด้วยกัน โดยคลิกเมนู Insert -> Form -> Radio (เลือกอย่างใดอย่างหนึ่ง) <input type="radio" name="gender" value="male" /><label>ชาย</label> <input type="radio" name="gender" value="female" /><label>หญิง</label>

COMPROGRAMMING 2. การสร้างฟอร์ม การสร้างฟอร์ม 3. Object การเลือกข้อมูล จะแบ่งออกเป็น3กลุ่มด้วยกัน โดยคลิกเมนู Insert -> Form -> List/Memu(เลือกอย่างใดอย่างหนึ่ง) <selectname="age" id="age"> <option value="3-18" selected="selected">3-18 ปี</option> <option value="19-25">19-25 ปี</option> <option value="26-45">26-45 ปี</option> <option value="46-60">46-60 ปี</option> <option value="61-80">61-80 ปี</option> </select>

WEB PROGRAMMING 2. การสร้างฟอร์ม การสร้างฟอร์ม 4. Object การส่งข้อมูล จะแบ่งออกเป็น3กลุ่มด้วยกัน โดยคลิกเมนู Insert -> Form -> Button(ปุ่ม) , -> Image Field (รูปภาพ) <input type="submit" name="Submit" value="ส่งข้อมูล" /> <input type="reset" name="Reset" value="ล้างข้อมูล" /> <input name="imageField2" type="image" id="imageField2" src="images/btn_submit.gif" />

COMPROGRAMMING 2. การสร้างฟอร์ม การสร้างฟอร์ม 5. Object การส่งข้อมูลแบบซ่อนรายละเอียด โดยคลิกเมนู Insert -> Form -> Hidden Field <input name="hiddenField" type="hidden" value="TongpoolHeeptaisong" /> หมายเหตุ จะไม่แสดงค่าออกมาเมื่อเราเรียกใช้งาน แต่จะเห็นค่าเมื่อเราใช้การมองแบบ View Source Code ใน Web Browser

COMPROGRAMMING 2. การสร้างฟอร์ม การสร้างฟอร์ม 6. Object การแนบไฟล์ โดยคลิกเมนู Insert -> Form -> File Field <input type="file" name="file" size="30"/>

COMPROGRAMMING 3. ตย. การสร้างฟอร์ม ตัวอย่างการสร้างฟอร์ม

COMPROGRAMMING HTTP HTTP SQL Web Browser : Web Server : • Apache • IIS • Internet Explorer • Netscape / Firefox • Opera Language : • ASP • PHP • JSP 4. Cookie และ Session ภาพรวมการทำงานของCookie และ Session Database ตัวแปร Cookie จะถูกจัดเก็บไว้ที่เครื่อง Client จะพบข้อมูลได้ที่ C:\Documents and Settings\username\Cookies ส่วนตัวแปร Session จะถูกจัดเก็บไว้ที่Server ไม่สามารถมองเห็นตัวแปรและข้อมูลได้

COMPROGRAMMING 4. รู้จักและใช้งาน Cookie Cookie เป็นวิธีการฝังข้อมูลขนาดเล็กๆ (ในรูปของเท็กซ์ไฟล์ขนาดไม่เกิน 4KB)ไว้ในเครื่องของผู้ใช้งาน โดยข้อมูลที่ฝังก็คือ ข้อมูลที่แลกเปลี่ยนกัน ผลัดกันอ่านผลัดกันเขียนข้อมูลนี้ได้ สำหรับ Cookie การเก็บข้อมูลประกอบด้วย 3 ส่วนคือ • CookieNameคือ ชื่อ Cookie • Value คือ ค่าของข้อมูลที่ Cookie เก็บ • ข้อมูลประกอบอื่นๆ เช่นเวลาหมดอายุ, ข้อมูล Host และ Path

COMPROGRAMMING 4. รู้จักและใช้งาน Cookie Cookie เป็นวิธีการฝังข้อมูลขนาดเล็กๆ (ในรูปของเท็กซ์ไฟล์ขนาดไม่เกิน 4KB)ไว้ในเครื่องของผู้ใช้งาน โดยข้อมูลที่ฝังก็คือ ข้อมูลที่แลกเปลี่ยนกัน ผลัดกันอ่านผลัดกันเขียนข้อมูลนี้ได้ สำหรับ Cookie การเก็บข้อมูลประกอบด้วย 3 ส่วนคือ • CookieNameคือ ชื่อ Cookie • Value คือ ค่าของข้อมูลที่ Cookie เก็บ • ข้อมูลประกอบอื่นๆ เช่นเวลาหมดอายุ, ข้อมูล Host และ Path ตัวแปรคุกกี้ถูกประกาศขึ้นมาในสคริปต์ใดๆ กำหนดให้มีอายุ 1 ชั่วโมง แม้ว่าสคริปต์ที่สร้างตัวแปรคุกกี้จะสิ้นสุดการทำงาน แต่หากยังไม่ครบกำหนดเวลา ตัวแปรคุกกี้ก็ยังคงสถานะอยู่ ไม่ถูกทำลาย

COMPROGRAMMING 4. รู้จักและใช้งาน Cookie ประโยชน์ของคุกกี้ โดยส่วนมากเว็บไซต์ประเภท e-commerce นิยมใช้คุกกี้เก็บข้อมูลส่วนตัวและพฤติกรรมของผู้ที่เข้าชมหรือลูกค้า เช่น • ข้อมูลประเภทการเข้าชม ความสนใจ การสั่งซื้อ • ข้อมูลส่วนตัวของผู้ใช้ ถ้าเคยกรอกแบบฟอร์มมาก่อน ที่สามารถขึ้นมาได้โดยอัตโนมัติ เพื่อให้ลูกค้าได้ประทับใจ • สามารถตรวจสอบการลงคะแนนของผู้ใช้ เพื่อจำกัดจำนวนครั้งของการเข้าโหวตในช่วงเวลาที่กำหนด

COMPROGRAMMING 4. รู้จักและใช้งาน Cookie การสร้างคุกกี้ รูปแบบการกำหนดรายละเอียดให้ Cookie setcookie(CookieName, Value, Timeout) • CookieNameคือ ชื่อ Cookie • Value คือ ค่าของข้อมูลที่ Cookie เก็บ • Timeoutคือ เวลาหมดอายุ $ckname = "RandomNumber"; $value = rand(0,9); setcookie($ckname,$value,time()+60);

COMPROGRAMMING 4. รู้จักและใช้งาน Cookie ตัวอย่างการสร้าง cookie สำหรับตัวอย่างนี้จะมีการสร้าง Cookie ขึ้นมา จากนั้นจะให้ผู้ใช้งานดูค่า Cookie ที่สร้างขึ้น, เปลี่ยนแปลงค่าใน Cookie หรือทำลาย Cookie นั้นๆไฟล์ที่สร้างจะประกอบด้วย • cookiestart.phpเพื่อสร้างตัวแปร Cookie • cookieview.phpเพื่อใช้ตรวจสอบค่า Cookie ที่ได้สร้างขึ้น • cookiemodify.phpเพื่อเปลี่ยนแปลงค่าที่เก็บใน Cookie • cookieclear.phpเพื่อทำลาย Cookie ที่สร้างขึ้น

COMPROGRAMMING 5. รู้จักและใช้งาน Session • Session เป็นตัวแปรคล้าย คุกกี้ • Session ช่วยให้เราจดจำผู้ใช้และส่งข้อมูลระหว่างเพจได้ • ข้อมูลที่ถูกเก็บในตัวแปร session จะถูกบันทึกเป็นไฟล์ session เช่นเดียวกับไฟล์คุกกี้ แต่ session จะเก็บไฟล์ไว้ที่ฝั่งเซิร์ฟเวอร์ • ความแตกต่างของ Cookie กับ Session คืออายุของตัวแปร อายุของ Cookie ถูกกำหนดด้วยเวลา อายุของ Session ถูกกำหนดด้วยการทำงานของ Web Browser

COMPROGRAMMING 5. รู้จักและใช้งาน Session • ถึงแม้ไฟล์ session จะถูกเก็บทางฝั่งเซิร์ฟเวอร์เพียงแห่งเดียว แต่ทุกครั้งที่ผู้ใช้เรียกสคริปต์ที่มีการประกาศตัวแปร session PHP จะสร้างไฟล์ session เพื่อเก็บข้อมูลตัวแปร session และกำหนด session ID ขึ้นมาสำหรับผู้ใช้แต่ละคน ซึ่ง session ID ที่กำหนดขึ้นมานั้น จะมีค่าที่ไม่ซ้ำกัน และ session ID จะเป็นส่วนหนึ่งของชื่อไฟล์ session ด้วย

COMPROGRAMMING 5. รู้จักและใช้งาน Session ฟังก์ชันที่ใช้งานกับตัวแปร • session_start() คือ ฟังก์ชันที่เริ่มต้นใช้งาน session • session_register() คือฟังก์ชันการลงทะเบียนทำให้ตัวแปรนั้นกลายเป็นตัวแปร session • session_unregister() คือ ฟังก์ชันที่ยกเลิกการ register ตัวแปร session • session_destroy() คือฟังก์ชันที่ล้างข้อมูลทั้งหมดของ session ปัจจุบัน

COMPROGRAMMING 5. รู้จักและใช้งาน Session รูปแบบการใช้งาน session session_start(); session_register("UserName"); session_register("Password"); session_register("Email"); //session_register("UserName","Password","Email"); $_SESSION["UserName"] = $_POST["username"]; // หรือจะกำหนดค่าเลยก็ได้ $_SESSION["Password"] = $_POST["password"]; $_SESSION["Email"] = $_POST["email"]; session_destroy();

COMPROGRAMMING 5. รู้จักและใช้งาน Session ตัวอย่าง • session-form.phpคือ ไฟล์นี้จะมีฟอร์มสำหรับผู้ใช้งานระบุ Username และ Password • session-set.phpคือ ไฟล์นี้จะสร้างSession ตัวแปร Username และPassword • session-view.phpคือไฟล์นี้จะทำหน้าที่ดูข้อมูลต่างๆ ที่เก็บไว้ในตัวแปร session • session-destroy.phpคือ ไฟล์นี้จะทำลายข้อมูลใน session

COMPROGRAMMING

Cookie & Session การสร้างฟอร์มรับข้อมูล และการแลกเปลี่ยนข้อมูล