เอาล่ะ ทุกคน นี่มันคงจะสนุกมากจริงๆ
เราจะสร้างหน้าติดต่อจริงซึ่งผู้ใช้สามารถส่งข้อมูลติดต่อและป้อนข้อความเพื่อให้ติดต่อคุณทางออนไลน์ได้
ตอนนี้ถ้าเราไปที่คู่มือการเริ่มต้นฉบับย่อใน Flask และไปที่การเข้าถึงข้อมูลคำขอ
สิ่งนี้แสดงให้คุณเห็นถึงวิธีการจัดการ
และตรงนี้ในอ็อบเจกต์คำขอคือโค้ดให้เราดึงข้อมูลจากเบราว์เซอร์จริงๆ
ขณะนี้มีแม้กระทั่งการอัปโหลดไฟล์ เพื่อให้เราสามารถให้ผู้คนโหลดไฟล์และส่งไปยังเซิร์ฟเวอร์ของเราได้อย่างแท้จริง
แต่สำหรับตอนนี้ ขอแค่เน้นเรื่องนี้
ฉันต้องการคัดลอกโค้ดก่อน จากนั้นเราจะพูดถึงสิ่งที่เกิดขึ้น
ไปที่เซิร์ฟเวอร์ของเรากันเถอะ
ดอทพาย.
เรามีรากพื้นฐานตรงนี้
และขอเพิ่มอีกอันหนึ่ง
แบบนี้.
ตอนนี้สิ่งเดียวที่ฉันสนใจคือ
ส่วนนี่ตรงนี้
ฉันต้องการสร้างเส้นทางใหม่ที่ฉันจะตั้งชื่อตอนนี้
ส่งแบบฟอร์ม.
และนี่คือสิ่งที่จะต้องสร้างจริงๆ
มันจะมีเมธอด post and get และอีกครั้ง นี่เป็นเพียงค่าเริ่มต้น get หมายความว่าเบราว์เซอร์ต้องการให้เราส่งข้อมูลโพสต์
หมายความว่าเบราว์เซอร์ต้องการให้เราบันทึกข้อมูล แต่เราจะไม่กังวลเกี่ยวกับเรื่องนี้ในตอนนี้
เรายังต้องการกำหนดฟังก์ชันที่เรียกว่าส่งแบบฟอร์ม
และในที่สุดก็.
ฉันต้องการเพียงแค่กลับมาตอนนี้
ส่งแบบฟอร์มแล้ว
ก.
ข้อความ.
นั่นคือแบบฟอร์มส่งของเรา จุดสิ้นสุด
แต่ตอนนี้ทำอะไรไม่ได้แล้ว
เราไม่เคยเรียกสิ่งนี้ที่ส่วนหน้าของเบราว์เซอร์
แล้วเราจะทำให้มันทำงานได้อย่างไร?
ไปที่ HTML ของผู้ติดต่อแล้วดูว่าเมื่อเราคลิกปุ่มจะเกิดอะไรขึ้น
และที่จริงเรามาลองค้นหากันดู
ถ้าฉันไปที่หน้าชื่อเรื่อง คุณจะเห็นว่าเรามีปุ่มส่ง
ดังนั้นเมื่อเรากดส่ง เราจึงควรส่งข้อมูลบางอย่างไปยังเซิร์ฟเวอร์
ลองสั่ง F แล้วมองหาการส่ง
และดูสิ ดูเหมือนว่าจะอยู่ทางนี้
มาทำสิ่งนี้กันสักหน่อย
ใหญ่ขึ้นแค่นั้นเอง
ดังนั้นเราจึงดูว่าเกิดอะไรขึ้น
เราเห็นว่าเรามีปุ่มประเภทส่ง และนี่คือปุ่มที่เราคลิกเพื่อส่ง
มันอยู่ที่บรรทัด 74
ที่ด้านบนนี้ เราเห็นว่ามีบางอย่างที่เรียกว่ารูป
และด้วยรูปแบบ เรามีการดำเนินการที่เราสามารถทำได้
นี่คือ HTML มาตรฐาน
เมื่อสร้าง HTML ขึ้น แนวคิดคือการแสดงหน้าเว็บ แต่ใช้แบบฟอร์มนี้ด้วย เพื่อให้สามารถส่งข้อมูลไปยังเซิร์ฟเวอร์ได้
และเราทำสิ่งนั้นโดยใช้แอตทริบิวต์การกระทำนี้
และในที่นี้เราสามารถใส่ โพสต์ หรือรับได้
และถ้าคุณจำได้ นั่นคือสิ่งที่เรามีที่นี่
ปลายทางนี้จะสามารถรับวิธีการรับหรือโพสต์ได้
ตอนนี้เราไม่จำเป็นต้องลงรายละเอียดว่า get vs post คืออะไร แต่วิธีคิดที่ดีก็คือ
เราสามารถส่งข้อมูลด้วย get โดยเพียงแค่แนบข้อมูลกับ URL
เหมือนกันที่นี่ แต่เราไม่ต้องการส่งอีเมลและข้อความของบุคคลอื่นใน URL
ตามหลักการแล้ว เราต้องการส่งผ่านเนื้อหาบางส่วนที่ไม่ชัดเจนและชัดเจน
ในกรณีของเรา เราจะใช้ post และฉันจะแสดงให้คุณเห็นว่ามันทำงานอย่างไร
ดังนั้นเราจะมีการดำเนินการในที่นี้คือโพสต์
วิธีการทำงานจริง ๆ ก็คือเราจะต้องเรียกแบบฟอร์มการส่ง ซึ่งอีกอย่างคือจุดสิ้นสุดของเราจะเป็นอย่างไร
เพื่อให้มีรูปแบบเมื่อผมคลิก
ส่งมาเลยครับ.
มันจะเรียกใช้ URL นี้
ส่งแบบฟอร์มด้วย a.
วิธี.
นั่นคือโพสต์
ดังนั้นแบบฟอร์มการส่งการดำเนินการจะถูกโพสต์เมื่อฉันคลิกส่ง
มาบันทึกสิ่งนี้และตรวจสอบอีกครั้งว่ามันใช้งานได้
ดังนั้นฉันจะบอกว่าส่งแบบฟอร์มที่นี่
ฉันจะไปบันทึก
และสำหรับตอนนี้ฉันแค่จะกลับไป
ส่งแบบฟอร์มแล้ว
ไชโย!
หากเราย้อนกลับไปและเขียนคำพ้องเสียง
มารีเฟรชกันจริง ๆ
ตรวจสอบให้แน่ใจว่ามันใหม่
ถ้าฉันกดส่ง
ดูนั่นสิ
ฉันได้รับแบบฟอร์มส่ง
ไชโย
และคุณจะเห็นว่าจุดสิ้นสุดที่นี่คือแบบฟอร์มการส่ง
นี่คือการดำเนินการที่เราเพิ่มในไฟล์ HTML
อีกครั้ง หากเราย้อนกลับไป ให้เปิดเครื่องมือสำหรับนักพัฒนา
ไปที่เครือข่ายที่นี่
มาทำให้เล็กกว่านี้หน่อย
ถ้าฉันกดส่ง
ดูในเครือข่ายของฉันสิ คุณจะเห็นว่าเรามีแบบฟอร์มส่ง
ถ้าฉันคลิกที่มันฉันจะได้รับคำตอบสำหรับการส่งไชโย
และถ้าฉันไปที่ส่วนหัว คุณจะเห็นว่าฉันใช้วิธีโพสต์เพราะนั่นคือสิ่งที่ฉันพูด
นี่จะเป็นการที่ฉันส่งข้อมูลไปยังเซิร์ฟเวอร์
คุณเห็นว่าประเภทเนื้อหาเป็นแอปพลิเคชัน x, w, w w สำหรับการเข้ารหัส URL
นี่เป็นเพียงประเภทข้อมูลมาตรฐานที่เราสามารถส่งได้
เมื่อเราใช้
รูปแบบแท็กใน HTML แต่เราไม่ต้องกังวลเรื่องนั้นเพราะตอนนี้เราสามารถเข้าถึงข้อมูลได้แล้ว
ที่ผู้ใช้ส่ง
ในวิดีโอหน้า เราจะพยายามเก็บข้อมูลที่ฉันส่งไปยังเซิร์ฟเวอร์ และอ่านมันด้วยรหัสหลามของเรา
เจอกันใหม่ตอนหน้าค่ะ
ลาก่อน.