ดังนั้นเราจึงสามารถยื่นแบบฟอร์มของเราได้
และในอุดมคติแล้วตอนนี้ เรามีวิธีการเก็บข้อมูลที่ผู้ใช้ส่งไปยังเซิร์ฟเวอร์
อีกครั้ง ถ้าฉันส่งข้อมูลบางประเภทแล้วคลิกส่ง ฉันจะได้รับแบบฟอร์มที่ส่ง
ไชโย
ตอนนี้ ถ้าฉันเปิดเครื่องมือสำหรับนักพัฒนาและรีเฟรช คุณจะเห็นว่าเรามีข้อผิดพลาดเล็กน้อยที่เราต้องดูแล
หนึ่งคือแบบฟอร์มนี้ส่ง
ดังนั้น ถ้าฉันเลื่อนลงมาจนสุด มีสิ่งหนึ่งที่ฉันต้องแก้ไขเพื่อให้เซิร์ฟเวอร์ของฉันสามารถอ่านข้อมูลนี้ได้
เราต้องเข้าไปที่ HTML ผู้ติดต่อของเรา และเราแค่ต้องแน่ใจว่าอินพุตทั้งหมดของเรา
นั่นคือ อีเมล ข้อความ และพื้นที่ข้อความมีแอตทริบิวต์ชื่อ
และนี่คือเพื่อให้เราสามารถดึงข้อมูลในส่วนแบ็คเอนด์ได้
ฉันจะแสดงให้คุณเห็นว่าฉันหมายถึงอะไร
เลยขอตั้งชื่อตรงนี้ว่า
อีเมล.
ตั้งชื่อที่นี่เป็นหัวเรื่อง
แล้วชื่อที่นี่
เป็นข้อความ.
เพื่อว่าถ้าผมบันทึกตอนนี้
และฉันกลับไป
ถึงผู้ติดต่อของฉัน
และยื่นเรื่องนี้อีกครั้ง
เราต้องรีเฟรชมันก่อน
มารีเฟรชกันเถอะ
เนื่องจากเป็นข้อความ
และถ้าผมกดส่งตอนนี้
และเราไปยื่นแบบฟอร์ม
คุณจะเห็นว่าถ้าเลื่อนลงมาจนสุด จะมีช่องข้อมูลแบบฟอร์ม
ตอนนี้เรามีอีเมล หัวเรื่อง และข้อความที่เราส่งกลับไปจริงๆ
สู่แอปพลิเคชั่นขวดของเรา
เพราะตอนนี้เราให้คุณสมบัติชื่อเหล่านี้ว่า
มันรู้ว่าจะส่งอะไร
นี่เป็นเพียง gotcha ด่วน เป็นเพียงรูปแบบมาตรฐาน HTML ที่เราจะต้องเพิ่มตัวเอง
ตอนนี้ ถ้าเราไปที่เอกสารเกี่ยวกับขวด เราสามารถเข้าถึงค่าเหล่านี้ได้โดยใช้แบบฟอร์มจุดขอ
ดังนั้นถ้าเรากลับไป
และเราไปที่เซิร์ฟเวอร์พาย
เราสามารถทำบางอย่างเช่นที่พวกเขาพูดในเอกสารประกอบ
ฉันสามารถพูดได้ว่าคำขอและคำขอนี้เป็นสิ่งที่จะต้องนำเข้าซึ่งฉันได้ทำจากขวดแล้ว
ดังนั้นถ้า request method ซึ่งก็คือถ้าเราบอกว่า method นั้นจะ post ซึ่งถ้าเราดูที่
contact dot html
เรามีวิธีการโพส
ดังนั้นหากเป็นกรณีนี้
จากนั้น ฉันต้องการให้คุณดึงข้อมูลนั้นโดยทำการร้องขอดอทฟอร์ม และฉันสามารถเข้าถึงค่าต่างๆ เช่น อีเมลหรือข้อความแบบนี้ได้
วิธีง่ายๆ สำหรับเราในการดึงข้อมูลนี้ จริงๆ แล้วคือการทำวิธีที่เรียกว่า dict ซึ่งจะเปลี่ยนข้อมูลในแบบฟอร์มให้เป็นพจนานุกรม
เราจะได้ทุกอย่างเป็นพจนานุกรม
และสุดท้าย เพื่อให้แน่ใจว่าเราได้รับข้อมูลนี้ เรามาพิมพ์ข้อมูลกันและเราแค่ต้องส่งคืนบางอย่าง
เอาเป็นว่ากลับมา
และฉันต้องการให้คุณส่งคืนแบบฟอร์มที่ส่ง
สำหรับตอนนี้.
มิฉะนั้น.
เราจะกลับมา
บางอย่างผิดพลาด.
ลองอีกครั้ง.
หากเราบันทึกสิ่งนี้
เปิดเทอร์มินัลของเราแล้วกลับไปที่แบบฟอร์ม
มารีเฟรชกัน
ฉันจะปิดสิ่งนี้ในตอนนี้และเพียงแค่ส่งข้อมูลปกติของเรา
หากฉันคลิกส่งแบบฟอร์มที่ส่ง ฉันมีข้อผิดพลาดบางอย่างที่นี่ซึ่งเราจะต้องแก้ไขในไม่ช้า
แต่ถ้าเลื่อนขึ้นอีกนิด
ดูนั่นสิ
เรามีอีเมล เรื่อง และข้อความ
เป็นพจนานุกรม
ที่ส่วนหลังของเรา เราเพิ่งถ่ายโอนข้อมูลไปยังแอป Python ของเรา
มันเจ๋งแค่ไหน?
เหตุผลที่เราได้รับข้อผิดพลาดนี้ที่ด้านล่าง
เพราะตอนนี้เมื่อฉันส่งแบบฟอร์ม ฉันยังคงขอไอคอนไอคอน fab
ตอนนี้ หากเรากลับไปที่แอปพลิเคชันของเรา คุณจะสังเกตเห็นว่าทุกครั้งที่เราเยี่ยมชมพื้นที่ใหม่ ไอคอน fab ของเราไม่แสดงขึ้น
ถ้าเรากลับไปที่หน้าของเรา ให้ไปที่ดัชนี HTML
เราจะเห็นสิ่งนั้นในลิงค์ตรงนี้
เรากำลังมองหาไอคอนห้าไอคอนของเราในสินทรัพย์แบบคงที่
แต่ถ้าคุณจำได้ เรามีไอคอนรูปสลักอยู่ในโฟลเดอร์สแตติกที่นี่
สิ่งที่เราต้องทำก็คือเปลี่ยนชื่อไฟล์เหล่านั้นบางส่วน หรือในกรณีของเรา เราสามารถย้ายไฟล์ที่เรียกว่า
fab, icon, icon และย้ายไปยังโฟลเดอร์ Static Asset ได้
ตอนนี้ ถ้าฉันรีเฟรชหน้า คุณจะเห็นว่าฉันมีไอคอนใหม่ของฉัน นั่นคือไอคอน
สุดท้ายนี้ ฉันต้องการทำสิ่งที่น่าสนใจมากขึ้นเมื่อผู้ใช้ส่งแบบฟอร์ม
ฉันต้องการมีข้อความขอบคุณเล็กน้อย
มีหลายวิธีในการทำเช่นนี้ แต่วิธีที่ง่ายที่สุดคือเราจะคัดลอกไฟล์ทั้งหมด
ดังนั้นผมจะบอกว่าซ้ำกันและเรียกมันว่าขอบคุณ dot html
ตอนนี้.
ขอขอบคุณ.
HTML จะเหมือนกับหน้าติดต่อที่เราสร้างขึ้น
ยกเว้นแทนรูปแบบที่เรามี
เลยคว้ามา
ข้อมูลแบบฟอร์มนี้
ดังนั้นแทนที่จะมีรูปแบบนี้
บางทีก็พูดแค่คำว่าขอบคุณ
ฉันจะติดต่อคุณในไม่ช้า
เป็นแบบนั้น.
สิ่งที่ยอดเยี่ยมที่เราสามารถทำได้ที่นี่คือตอนนี้เราสามารถเปลี่ยนเส้นทางไปยังหน้าขอบคุณหลังจากที่พวกเขาส่งแบบฟอร์มการติดต่อ
และวิธีที่เราทำได้ก็คือในเซิร์ฟเวอร์พายที่เรานำเข้าได้
มาทำให้เล็กลงอีกนิดและเราจะนำเข้าการเปลี่ยนเส้นทาง
โมดูล.
และทั้งหมดที่เราต้องทำที่นี่ แทนที่จะพูดว่า form submit ก็คือเราว่า Redirect ไปเส้นทางไหนได้?
เราจะเปลี่ยนเส้นทางไปที่
ขอขอบคุณ.
จุด html
แบบนี้.
อีกครั้งเพราะขอบคุณ
HTML อยู่ในเทมเพลตของเรา และเนื่องจากรากของเราได้รับการตั้งค่าให้เปลี่ยนแปลงแบบไดนามิก เราจึงควรเปลี่ยนเส้นทางได้
ขอขอบคุณ.
HTML
ถ้าฉันประหยัด
และสมมติว่ารีเฟรช
ส่งข้อมูลบางส่วนที่นี่
คลิกส่ง
ดูนั่น.
ขอขอบคุณ.
ฉันจะติดต่อคุณในไม่ช้า
มันเจ๋งแค่ไหน?
และยังมีสิ่งดีๆ มากมายที่เราสามารถทำได้ที่นี่
ใช่ไหม
ใช้.
วงเล็บปีกกาแบบนี้
หากสมมุติว่าเราขอให้ใครสักคนส่งชื่อผู้ใช้หรือชื่อของพวกเขา เราสามารถกล่าวขอบคุณด้วยชื่อจริงที่พวกเขาส่งมาได้
เช่น ขอบคุณ บ๊อบ หรือขอบคุณ แอน
แต่นั่นคือสิ่งที่เราได้พูดคุยเกี่ยวกับ
สำหรับตอนนี้ที่ดูดีสวย
ดังนั้นฉันจึงสามารถ
หากต้องการส่งแบบฟอร์มการติดต่อ
ตรวจสอบให้แน่ใจว่าเราไม่ได้รับข้อผิดพลาดใดๆ
ดังนั้นหากผมคลิก
เมื่อส่ง
ดูนั่นสิ
อิชมาเอลยังบอกฉันว่า เฮ้ นี่ต้องเป็นอีเมลแน่ๆ
ไปส่งกัน
และเราไปที่นั่น
ทุกอย่างกำลังทำงาน
ไม่มีข้อผิดพลาด
เรากำลังส่งแบบฟอร์มพร้อมข้อมูลทั้งหมดของเรา และเราได้รับข้อมูลทั้งหมดนั้นแล้ว
ตรงนี้.
มันเจ๋งแค่ไหน?
ดังนั้นตอนนี้เรามีเซิร์ฟเวอร์ dot pie ที่ตั้งค่าให้ยอมรับข้อมูลจริง ๆ และตอนนี้เรามีเว็บไซต์ของเราที่ทำได้ดี
หวังว่าเราจะให้ลูกค้าส่งข้อความถึงคุณ
แต่เราต้องทำอะไรบางอย่างกับข้อมูลนี้เพื่อเก็บไว้ที่ไหนสักแห่งเพราะตอนนี้มันอยู่ในหน่วยความจำ
ทุกครั้งที่ฉันปิดเซิร์ฟเวอร์ ข้อมูลนี้จะหายไป
ตามหลักการแล้ว เราจะเก็บมันไว้ที่ใดที่หนึ่ง หรือตามหลักแล้วเราเก็บมันไว้ที่ไหนสักแห่งเพื่อที่ในอนาคตเราจะได้กลับไปภายในหนึ่งสัปดาห์ต่อมาและดูว่ามีใครส่งแบบฟอร์มบนเว็บไซต์ของเราบ้าง
ลองทำในวิดีโอหน้ากัน