งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

เว็บฟอร์ม (Web Form) Electronic Commerce. Company LOGO 2 Outline  การส่งข้อมูลด้วย Html Form  การส่งข้อมูลด้วย Querystring.

งานนำเสนอที่คล้ายกัน


งานนำเสนอเรื่อง: "เว็บฟอร์ม (Web Form) Electronic Commerce. Company LOGO 2 Outline  การส่งข้อมูลด้วย Html Form  การส่งข้อมูลด้วย Querystring."— ใบสำเนางานนำเสนอ:

1 เว็บฟอร์ม (Web Form) Electronic Commerce

2 Company LOGO 2 Outline  การส่งข้อมูลด้วย Html Form  การส่งข้อมูลด้วย Querystring

3 Company LOGO 3 การทำงานของระบบ FORM HTML & PHP Script SERVER เครื่อง แม่ข่าย CLIENT เครื่อง ลูกข่าย ทำการร้อง ขอข้อมูล ส่งข้อมูล FORM HTML ทำการประมวลผล PHP ส่งข้อมูลผ่าน FORM ส่งข้อมูล HTML

4 Company LOGO Web Form  อินพุทที่อยู่ในแบบฟอร์มแบ่งออกเป็น 4 กลุ่ม  ตัวอักษร ได้แก่ text box, list box, กล่องรับรหัส (password)  ตัวเลือก ได้แก่ check box,radio button,drop down list,list  ปุ่ม ได้แก่ submit,reset,button  อื่นๆ ได้แก่ hidden field และ file upload

5 Company LOGO รับ - ส่งค่าระหว่างหน้า  กล่องรับข้อความและส่วนที่รับอินพุทอื่นๆ อยู่ ภายในฟอร์ม ฟอร์มมีไว้สำหรับรวมกลุ่มอินพุท ต่างๆ ที่ส่งไปพร้อมกัน การสร้างฟอร์มใช้แท็ก โดยใส่แอทริบิวส์ action เพื่อบอกว่าจะ ส่งค่าในฟอร์มไปที่เพจใด

6 Company LOGO 6 ปุ่มกด bottom  ปุ่ม submit  ปุ่ม reset  ปุ่ม ธรรมดา  ปุ่ม รูปภาพ

7 Company LOGO 7 รูปแบบ HTML ปุ่ม ปุ่ม summit ปุ่ม reset ปุ่ม ธรรมดา

8 Company LOGO 8 รูปแบบ HTML ปุ่ม ปุ่ม รูปภาพ

9 Company LOGO 9 วิธีการส่งข้อมูลผ่าน FORM HTML  GET ข้อมูลในฟอร์มจะถูกส่งโดยพ่วงท้ายไปกับ URL ซึ่งจะเห็นใน Address bar  POST ข้อมูลในฟอร์มจะถูกส่งไปโดยไม่แสดงให้ เห็นใน Address ไว้สำหรับส่งข้อมูลที่ เป็นความลับ

10 Company LOGO 10 วิธีการส่งข้อมูลผ่าน FORM HTML  ข้อดีของ GET  แสดงพารามิเตอร์ที่ URL ผู้เขียน โปรแกรมสามารถตรวจสอบ พารามิเตอร์ได้ง่าย โดยดูที่แถบ address  ส่งค่าโดยไม่ต้องใช้ฟอร์ม เช่น สามารถใส่ค่าพารามิเตอร์ของแท็ก ได้เช่น

11 Company LOGO 11 วิธีการส่งข้อมูลผ่าน FORM HTML  ข้อดีของ POST  ไม่แสดงพารามิเตอร์ที่ URL เหมาะ สำหรับกรณีที่ต้องการซ่อนข้อมูลที่ถูก submit  ส่งข้อมูลขนาดใหญ่กว่าแบบ get  ส่งข้อมูลแบบไฟล์ได้

12 Company LOGO 12 รูปแบบ FORM // ข้อมูลที่ต้องการส่ง

13 Company LOGO 13 รายละเอียดของ FORM HTML  Name ชื่อฟอร์ม  Method วิธีการส่งข้อมูลของฟอร์ม post หรือ get  Action ระบบปลายทางที่จะส่งข้อมูลเมื่อฟอร์มถูก summit

14 Company LOGO 14 Querystring คืออะไร ? Querystring Querystring คือข้อมูลที่ Browser ส่งต่อท้าย URL ของ Page ที่ต้องการใช้ไปยัง Web Server โดยข้อมูลจะประกอบ ไปด้วยชื่อของข้อมูลและค่าของข้อมูล รูปแบบ name=value หากต้องการส่งค่ามากกว่าหนึ่งค่า ให้ใช้เครื่องหมาย & ขั้นระหว่างตัวแปร รูปแบบ name1=value&var-name2=value การอ่านข้อมูลจาก Querystring สามารถอ่านได้จากค่า var-name ที่เราตั้งขึ้นมาได้เลย เช่น $var-name echo $var-name;

15 Company LOGO 15 การสร้างข้อมูลให้อยู่ในรูป Querystring สามารถ สร้างได้ 3 รูปแบบคือ 1. สร้างจาก Tag... กำหนดในส่วนคุณสมบัติของ HREF ของ TAG ตัวอย่าง Out Put Test Querystring Php2-5.php

16 Company LOGO 16 การส่งข้อมูลด้วย Html Form  คำสั่งที่ใช้อ่านค่าจาก ค่า ของ Form เรา สามารถเรียกใช้จากตัวแปรที่เราตั้งขึ้นมาได้เลย  รูปแบบ $var-name  หากต้องการพิมพ์ข้อความออกมา echo $var-name;

17 Company LOGO 17 ต่อ ชื่อ นามสกุล Out Put Php2-2.php

18 Company LOGO 18 FORM & BUTTON

19 Company LOGO 19 ตัวอย่าง

20 Company LOGO 20 แบบฝึกหัด 1 Submit ที่อยู่ ชื่อ นามสกุล Cancel page1.php ที่ อ ยู่ ชื่ อ นาม สกุล xxxxx Xxxxx xxxxx page2.php Name Surname Address

21 Company LOGO 21 TEXT FORM  รับข้อมูลบรรทัดเดียว  รับข้อมูลบรรทัดเดียวเป็นความลับ password  รับข้อมูลหลายบรรทัด

22 Company LOGO 22 TEXT FORM Hello แท็กรับข้อมูล บรรทัดเดียว แท็กรับข้อมูล หลายบรรทัด แท็กรับข้อมูลบรรทัดเดียวเป็นความลับ password

23 Company LOGO 23 RADIO FORM  การเลือก โดยเลือกอย่างได้อย่างหนึ่ง จาก หลาย ๆ ตัวเลือก

24 Company LOGO 24 RADIO FORM One Two

25 Company LOGO 25 Drop down list หรือ Combo box  การเลือกจากใน list หนึ่งอย่าง  selected=‘selected’ ช่วยในการกำหนดค่า เริ่มต้น

26 Company LOGO 26 SELECT FORM One Two Three

27 Company LOGO 27 SELECT FORM 48xxxxxx 49xxxxxx 50xxxxxx

28 Company LOGO 28 CHECK BOX FORM  การเลือกหลาย ๆ ตัวเลือกจากตัวเลือกทั้งหมด  ข้อมูลที่ได้รับเป็น array

29 Company LOGO 29 CHECKBOX FORM ONE TWO THREE

30 Company LOGO 30 การรับค่าจาก FORM HTML  PHP config php.ini กำหนดการรับข้อมูลค่า register_globals จะส่งผ่านข้อมูลผ่าน ตัวแปล ซูเปอร์โกลบอล $_POST[name] หรือ $_G ET[name]  รับได้ทั้ง Post และ Get

31 Company LOGO 31 การรับข้อมูลผ่าน GET

32 Company LOGO 32 การรับข้อมูลผ่าน POST

33 Company LOGO 33 POST

34 Company LOGO 34 GET

35 Company LOGO 35 แบบฝึกหัด 2  จงเขียนโปรแกรม PHP รับข้อมูลผ่าน POST ชื่อ ข้อมูล username password  ตรวจสอบ username กับ password ว่าเป็น username คือ textmode password คือ  ถ้า ถูกต้องให้แสดงว่า “Username and Password OK”  ถ้า ไม่ถูกต้องให้แสดง “ ERROR”

36 Company LOGO 36 แบบฝึกหัด 3 ยืนยันยกเลิก form.php อายุ :: ชื่อ - สกุล :: ที่อยู่ :: น้อยกว่า 15,16-25,26-40, มากว่า 41 : เพศ :: ชาย หญิง สาขาวิชา :: วิทยาการคอมพิวเตอร์, เทคโนโลยีสารสนเทศ จงเขียน FORM HTML ส่งค่าแบบ POST ไปยัง show.php program :: PHPCJAVA VB ชื่อผู้ใช้ :: รหัสผ่าน ::

37 Company LOGO 37 show.php อายุ ::xxxxx ปี ชื่อ - สกุล ::xxxxxxxxxxx ที่อยู่ ::xxxxxxxxxxx xxxxxxxxx xxxxxxx :xxxxxxx เพศ ::xxx สาขาวิชา :: xxxxxxxxxxxxxx ตัวอย่างหน้าจอการแสดงผล ข้อมูล program ::xxxxxx xxxxxxx xxxxxx ชื่อผู้ใช้ ::xxxxxxx รหัสผ่าน ::xxxxxxx

38 Company LOGO แบบฝึกหัด  ทำฟอร์มที่ใช้ในการอัพโหลดไฟล์ และแสดงผล ข้อมูลของไฟล์ที่อัพโหลด โดยให้แสดงผล ดังนี้คือ  ชื่อไฟล์  ชนิดไฟล์  ขนาดไฟล์  แหล่งเก็บไฟล์


ดาวน์โหลด ppt เว็บฟอร์ม (Web Form) Electronic Commerce. Company LOGO 2 Outline  การส่งข้อมูลด้วย Html Form  การส่งข้อมูลด้วย Querystring.

งานนำเสนอที่คล้ายกัน


Ads by Google