บทที่ 2 ขั้นตอนการเขียน python โดยใช้ Flask การรับค่าผ่านทางหน้าฟอร์มแล้วทำการแสดงผลผ่าน Wab

ขั้นตอนการเขียน python (ไพ-ธัน) โดยใช้ Flask (ฟลาซค) การรับค่าผ่านทางหน้าฟอร์มแล้วทำการแสดงผลผ่านฟอร์ม การรับค่าจากแบบฟอร์มนั้น จะใช้ตัวแปรอยู่ 3 แบบด้วยกันคือ $_GET (เก้ต), $_POST (โพส), $_REQUEST (รีเควส) ซึ่งแต่ละแบบจะมีการส่งค่าดังนี้ 
1. $_GET จะส่งค่าผ่าน URL เราจะเห็นพารามิเตอร์ที่ส่งไปต่อท้าย URL ของหน้านั้นๆ
2. $_POST จะส่งแบบไม่แสดงพารามิเตอร์ให้เห็น
3. $_REQUEST จะเป็นตัวแปรที่ใช้รับค่าทั้งที่ส่งมาแบบ $_GET และ $_POST

python
python

ขั้นตอนที่ 1 ให้ทำการสร้างไฟล์ไว้ใน Project โดยให้ไฟล์แรกชื่อ index.html ไฟล์ที่สองชื่อ result.py

ขั้นตอนที่ 2 ให้เราเปิดไฟล์  result.py เพื่อทำการเขียนโค๊ด ตามรูปแบบด้านล่าง

หลักการทำงาน

def index():  #โมดูลรับค่าจากไฟล์ index.html โดยการส่งค่าในรูปแบบ POST
def save():  #โมดูลแสดงข้อมูล

#-*- coding=utf-8 -*-
from flask import Flask
from flask import render_template
from flask import request
app = Flask(__name__)
@app.route("/")
def index(): #โมดูลรับค่าจากไฟล์ index.html โดยการส่งค่าในรูปแบบ POST
    return render_template('index.html')
@app.route('/save', methods=['POST'])
def save(): #โมดูลแสดงข้อมูล
    x = dict(request.form.items())
    return "รับค่าสำเร็จ %s"%(x)
app.run(debug=True)
เปิดไฟล์  result.py เพื่อทำการเขียนโค๊ด
เปิดไฟล์ result.py เพื่อทำการเขียนโค๊ด

ขั้นตอนที่ 3 ให้เราเปิดไฟล์ index.html เพื่อทำการเขียนโค๊ด ตามรูปแบบด้านล่าง

หลักการทำงาน

 โดยการรับค่าจาก Text ที่มีชื่อว่า save แล้วกดปุ่ม submit แล้วให้ form action="/save" โดยส่งค่าในรูปแบบ method="POST" ส่งไปยัง result.py

<form id="contact-form" action="/save", method="POST">
        <p>color<input type = "text" name = "save" /></p>
        <p><input type = "submit" value = "submit" /></p>
</form>
เปิดไฟล์ index.html เพื่อทำการเขียนโค๊ด
เปิดไฟล์ index.html เพื่อทำการเขียนโค๊ด

ขั้นตอนที่ 4 ให้เราลองทำการรัน project แล้วทำการกรอกข้อมูล แล้วแสดงผล

รัน project
รัน project

หน้าจอแสดงผล และผลลัพธ์ที่ได้จากการรับข้อมูล

หน้าจอแสดงผล และผลลัพธ์ที่ได้จากการรับข้อมูล
หน้าจอแสดงผล และผลลัพธ์ที่ได้จากการรับข้อมูล

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

หัวเรื่อง
บทเรียน Python Framework Flask Form
หมวดหมู่
Python Framework Flask, Python Framework Flask
ฮิต
39570
ผู้สร้างเอกสาร
ae
วันที่สร้างเอกสาร
2017-06-27 18:40:26

python_flask_form.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 8.28 KB

ผู้อัพโหลดไฟล์ ae

วันที่อัพโหลด 2017-06-27 11:26:29


 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ที่เปิดเองน่ะรู้ แต่ที่ไม่รู้คือ โดนแอบเอาไปเปิด
โดย Anonymous พ 14 ก.พ. 2024 8:08 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
458
พ 14 ก.พ. 2024 8:08 pm โดย บุคคลทั่วไป View Topic ที่เปิดเองน่ะรู้ แต่ที่ไม่รู้คือ โดนแอบเอาไปเปิด
Wordpress เว็บไซต์โหลดช้าแล้วขึ้นแบบนี้บ่อยค่ะ ตอนนี้เข้าหลังบ้าน admin กดเข้าอะไรไม่ได้เลย
โดย Anonymous อ 13 ก.พ. 2024 11:38 am บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
0
400
อ 13 ก.พ. 2024 11:38 am โดย บุคคลทั่วไป View Topic Wordpress เว็บไซต์โหลดช้าแล้วขึ้นแบบนี้บ่อยค่ะ ตอนนี้เข้าหลังบ้าน admin กดเข้าอะไรไม่ได้เลย
บริการรับทำ Pentest เจาะระบบเพื่อค้นหาช่องโหว่
โดย admeadme จ 12 ก.พ. 2024 1:45 pm บอร์ด Share Knowledge
0
509
จ 12 ก.พ. 2024 1:45 pm โดย admeadme View Topic บริการรับทำ Pentest เจาะระบบเพื่อค้นหาช่องโหว่
สอบถาม ถ้าต้องดู รหัส SMTP ย้อนหลัง บน Gmail ต้องดูที่ไหนครับ
โดย Thanavat_n ศ 09 ก.พ. 2024 1:25 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
866
ศ 08 มี.ค. 2024 8:14 pm โดย mindphp View Topic สอบถาม ถ้าต้องดู รหัส SMTP ย้อนหลัง บน Gmail ต้องดูที่ไหนครับ
คอมพิวเตอร์คืออะไร
โดย Best1677 พ 07 ก.พ. 2024 3:08 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
372
พ 07 ก.พ. 2024 3:08 pm โดย Best1677 View Topic คอมพิวเตอร์คืออะไร
ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์
โดย Anonymous พ 07 ก.พ. 2024 3:04 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
391
พ 07 ก.พ. 2024 3:04 pm โดย บุคคลทั่วไป View Topic ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์
คอมพิวเตอร์ของฉันทำไมช้าจัง?
โดย Anonymous อ 06 ก.พ. 2024 10:41 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
302
อ 06 ก.พ. 2024 10:41 am โดย บุคคลทั่วไป View Topic คอมพิวเตอร์ของฉันทำไมช้าจัง?
นี่คือหตุผลทำไมโปรแกรมเมอร์บริษัทเทคโนโลยี หรือ บ.เทค มีการลดพนักงานลง เงินเดือนขึ้นเร็วและโดนจ้างออกเร็ว
โดย Anonymous จ 05 ก.พ. 2024 3:35 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
513
จ 05 ก.พ. 2024 3:35 pm โดย บุคคลทั่วไป View Topic นี่คือหตุผลทำไมโปรแกรมเมอร์บริษัทเทคโนโลยี หรือ บ.เทค มีการลดพนักงานลง เงินเดือนขึ้นเร็วและโดนจ้างออกเร็ว