Cookie session
This presentation is the property of its rightful owner.
Sponsored Links
1 / 26

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


  • 82 Views
  • Uploaded on
  • Presentation posted in: General

COM PROGRAMMING. Cookie & Session การสร้างฟอร์มรับข้อมูล และการแลกเปลี่ยนข้อมูล. COM PROGRAMMING. เนื้อหา. แบบฟอร์ม การสร้างฟอร์ม ตัวอย่างการสร้างฟอร์ม การแลกเปลี่ยนข้อมูลด้วย Cookie และ Session. COM PROGRAMMING. 1. แบบฟอร์ม. ฟอร์มทำงานอย่างไร

Download Presentation

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

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Cookie session

COMPROGRAMMING

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


Cookie session

COMPROGRAMMING

เนื้อหา

แบบฟอร์ม

การสร้างฟอร์ม

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

การแลกเปลี่ยนข้อมูลด้วย Cookie และ Session


Cookie session

COMPROGRAMMING

1. แบบฟอร์ม

ฟอร์มทำงานอย่างไร

ทำหน้าที่เพียงรับข้อมูลที่ผู้ใช้ (User) กรอกเข้าไปเท่านั้นส่วนการประเมินผลต่าง เช่น การนำข้อมูลที่ผู้ใช้กรอกเข้าไปเก็บลงฐานข้อมูล (Database) หรือนำไปคำนวณ โดยใช้ภาษาต่างๆ เช่น PHP , ASP และ JSP เป็นต้น

Input type=“text”

Input type=“password”

Input type=“checkbox”

Input type=“submit”


Cookie session

COMPROGRAMMING

2. การสร้างฟอร์ม

การสร้างฟอร์ม

เริ่มแรกจะต้องใส่ Form TAGโดยคลิกเมนู Insert -> Form -> Form

<form id=“form1" name="form1" method="post" action="Printregister.php" >

</form>


Cookie session

COMPROGRAMMING

2. การสร้างฟอร์ม

การสร้างฟอร์ม

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

Text Field

Textarea


Cookie session

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>


Cookie session

COMPROGRAMMING

2. การสร้างฟอร์ม

การสร้างฟอร์ม

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

Radio

List/Menu

Checkbox


Cookie session

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" />เล่นเกมส์


Cookie session

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>


Cookie session

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>


Cookie session

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" />


Cookie session

COMPROGRAMMING

2. การสร้างฟอร์ม

การสร้างฟอร์ม

5. Object การส่งข้อมูลแบบซ่อนรายละเอียด โดยคลิกเมนู Insert -> Form -> Hidden Field

<input name="hiddenField" type="hidden" value="TongpoolHeeptaisong" />

หมายเหตุ จะไม่แสดงค่าออกมาเมื่อเราเรียกใช้งาน แต่จะเห็นค่าเมื่อเราใช้การมองแบบ View Source Code ใน Web Browser


Cookie session

COMPROGRAMMING

2. การสร้างฟอร์ม

การสร้างฟอร์ม

6. Object การแนบไฟล์ โดยคลิกเมนู Insert -> Form -> File Field

<input type="file" name="file" size="30"/>


Cookie session

COMPROGRAMMING

3. ตย. การสร้างฟอร์ม

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


Cookie session

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

ไม่สามารถมองเห็นตัวแปรและข้อมูลได้


Cookie session

COMPROGRAMMING

4. รู้จักและใช้งาน Cookie

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

  • CookieNameคือ ชื่อ Cookie

  • Value คือ ค่าของข้อมูลที่ Cookie เก็บ

  • ข้อมูลประกอบอื่นๆ เช่นเวลาหมดอายุ, ข้อมูล Host และ Path


Cookie session

COMPROGRAMMING

4. รู้จักและใช้งาน Cookie

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

  • CookieNameคือ ชื่อ Cookie

  • Value คือ ค่าของข้อมูลที่ Cookie เก็บ

  • ข้อมูลประกอบอื่นๆ เช่นเวลาหมดอายุ, ข้อมูล Host และ Path

ตัวแปรคุกกี้ถูกประกาศขึ้นมาในสคริปต์ใดๆ กำหนดให้มีอายุ 1 ชั่วโมง แม้ว่าสคริปต์ที่สร้างตัวแปรคุกกี้จะสิ้นสุดการทำงาน แต่หากยังไม่ครบกำหนดเวลา ตัวแปรคุกกี้ก็ยังคงสถานะอยู่ ไม่ถูกทำลาย


Cookie session

COMPROGRAMMING

4. รู้จักและใช้งาน Cookie

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

  • ข้อมูลประเภทการเข้าชม ความสนใจ การสั่งซื้อ

  • ข้อมูลส่วนตัวของผู้ใช้ ถ้าเคยกรอกแบบฟอร์มมาก่อน ที่สามารถขึ้นมาได้โดยอัตโนมัติ เพื่อให้ลูกค้าได้ประทับใจ

  • สามารถตรวจสอบการลงคะแนนของผู้ใช้ เพื่อจำกัดจำนวนครั้งของการเข้าโหวตในช่วงเวลาที่กำหนด


Cookie session

COMPROGRAMMING

4. รู้จักและใช้งาน Cookie

การสร้างคุกกี้

รูปแบบการกำหนดรายละเอียดให้ Cookie

setcookie(CookieName, Value, Timeout)

  • CookieNameคือ ชื่อ Cookie

  • Value คือ ค่าของข้อมูลที่ Cookie เก็บ

  • Timeoutคือ เวลาหมดอายุ

    $ckname = "RandomNumber";

    $value = rand(0,9);

    setcookie($ckname,$value,time()+60);


Cookie session

COMPROGRAMMING

4. รู้จักและใช้งาน Cookie

ตัวอย่างการสร้าง cookie

สำหรับตัวอย่างนี้จะมีการสร้าง Cookie ขึ้นมา จากนั้นจะให้ผู้ใช้งานดูค่า Cookie ที่สร้างขึ้น, เปลี่ยนแปลงค่าใน Cookie หรือทำลาย Cookie นั้นๆไฟล์ที่สร้างจะประกอบด้วย

  • cookiestart.phpเพื่อสร้างตัวแปร Cookie

  • cookieview.phpเพื่อใช้ตรวจสอบค่า Cookie ที่ได้สร้างขึ้น

  • cookiemodify.phpเพื่อเปลี่ยนแปลงค่าที่เก็บใน Cookie

  • cookieclear.phpเพื่อทำลาย Cookie ที่สร้างขึ้น


Cookie session

COMPROGRAMMING

5. รู้จักและใช้งาน Session

  • Session เป็นตัวแปรคล้าย คุกกี้

  • Session ช่วยให้เราจดจำผู้ใช้และส่งข้อมูลระหว่างเพจได้

  • ข้อมูลที่ถูกเก็บในตัวแปร session จะถูกบันทึกเป็นไฟล์ session เช่นเดียวกับไฟล์คุกกี้ แต่ session จะเก็บไฟล์ไว้ที่ฝั่งเซิร์ฟเวอร์

  • ความแตกต่างของ Cookie กับ Session คืออายุของตัวแปร

อายุของ Cookie ถูกกำหนดด้วยเวลา

อายุของ Session ถูกกำหนดด้วยการทำงานของ Web Browser


Cookie session

COMPROGRAMMING

5. รู้จักและใช้งาน Session

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


Cookie session

COMPROGRAMMING

5. รู้จักและใช้งาน Session

ฟังก์ชันที่ใช้งานกับตัวแปร

  • session_start()คือ ฟังก์ชันที่เริ่มต้นใช้งาน session

  • session_register()คือฟังก์ชันการลงทะเบียนทำให้ตัวแปรนั้นกลายเป็นตัวแปร session

  • session_unregister() คือ ฟังก์ชันที่ยกเลิกการ register ตัวแปร session

  • session_destroy() คือฟังก์ชันที่ล้างข้อมูลทั้งหมดของ session ปัจจุบัน


Cookie 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();


Cookie session

COMPROGRAMMING

5. รู้จักและใช้งาน Session

ตัวอย่าง

  • session-form.phpคือ ไฟล์นี้จะมีฟอร์มสำหรับผู้ใช้งานระบุ Username และ Password

  • session-set.phpคือ ไฟล์นี้จะสร้างSession ตัวแปร Username และPassword

  • session-view.phpคือไฟล์นี้จะทำหน้าที่ดูข้อมูลต่างๆ ที่เก็บไว้ในตัวแปร session

  • session-destroy.phpคือ ไฟล์นี้จะทำลายข้อมูลใน session


Cookie session

COMPROGRAMMING


  • Login