ให้เรตสมาชิก: 4 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 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
ฮิต
12084
ผู้สร้างเอกสาร
ae
วันที่สร้างเอกสาร
2017-06-27 18:40:26

python_flask_form.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 8.28 KB

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

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


 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ต้องการซ้อมศูนย์ส่งเครื่องไปที่ไดคับ
โดย พีรพัฒน์ พันแก่น พ 21 ส.ค. 2019 8:03 pm บอร์ด Programming - PHP
0
6
พ 21 ส.ค. 2019 8:03 pm โดย พีรพัฒน์ พันแก่น
Microsoft Edge ver.Chromium ออกรุ่น Beta มาให้ทดลองใช้แล้ว
โดย chatee supasand พ 21 ส.ค. 2019 6:45 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
6
พ 21 ส.ค. 2019 6:45 pm โดย chatee supasand
google go แอพ Search ที่ใช้ทรัพยากรมือถือของเราน้อยลง(สามารถโหลดในสโตร์ไทยได้แล้ว)
โดย jamepiyawat พ 21 ส.ค. 2019 6:43 pm บอร์ด Share Knowledge
0
6
พ 21 ส.ค. 2019 6:43 pm โดย jamepiyawat
วิธีการทำ Module: Menu แสดงเมนูเป็นแนวยาว
โดย jamepiyawat พ 21 ส.ค. 2019 6:34 pm บอร์ด Joomla Developing Knowledge
0
7
พ 21 ส.ค. 2019 6:34 pm โดย jamepiyawat
วิธีการดาวน์โหลดไฟล์จากลิ้ง share ของ googledrive
โดย jirawoot พ 21 ส.ค. 2019 4:20 pm บอร์ด Python Knowledge
0
9
พ 21 ส.ค. 2019 4:20 pm โดย jirawoot
ถามคำถาม google site สามารถบันทึกเเล้วมาทำทีหลังได้มัย
โดย Anonymous พ 21 ส.ค. 2019 10:59 am บอร์ด Programming - PHP
1
14
พ 21 ส.ค. 2019 12:08 pm โดย mindphp
สอบถามการอัพโหลดวีดีโอโดยใช้ ลิ้ง url
โดย jirawoot พ 21 ส.ค. 2019 10:10 am บอร์ด Programming - C/C++ & java & Python
2
20
พ 21 ส.ค. 2019 6:33 pm โดย jirawoot
งานประจำวันที่ 21 กรกฎาคม 2562
โดย jamepiyawat พ 21 ส.ค. 2019 10:07 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
1
9
พ 21 ส.ค. 2019 7:35 pm โดย jamepiyawat
งานประจำวันที่ 21 สิงหาคม 2562
โดย jirawoot พ 21 ส.ค. 2019 10:02 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
1
5
พ 21 ส.ค. 2019 7:25 pm โดย jirawoot
งานประจำวันที่ 21 สิงหาคม 2562
โดย chatee supasand พ 21 ส.ค. 2019 9:57 am บอร์ด MT33 - นายชาตรี สุภาแสน
1
3
พ 21 ส.ค. 2019 7:32 pm โดย chatee supasand
Google เปิดตัว CallJoy ผู้ช่วย AI สำหรับธุรกิจขนาดกลางและขนาดเล็ก
โดย jamepiyawat อ 20 ส.ค. 2019 6:26 pm บอร์ด Share Knowledge
0
35
อ 20 ส.ค. 2019 6:26 pm โดย jamepiyawat
รายละเอียดการขอหนังสือรับรองผลงานจากลูกค้า
โดย EyePornnipa อ 20 ส.ค. 2019 6:11 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
0
10
อ 20 ส.ค. 2019 6:11 pm โดย EyePornnipa
สอบถามการหมุนไฟล์ PDF ถาวรหน่อยค่ะ
โดย EyePornnipa อ 20 ส.ค. 2019 5:38 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
3
34
อ 20 ส.ค. 2019 5:59 pm โดย chatee supasand
Microsoft จอนำ Notepad ขึ้น store อัพเดตไม่ต้องร Windows อีกต่อไป
โดย chatee supasand อ 20 ส.ค. 2019 5:30 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
19
อ 20 ส.ค. 2019 5:30 pm โดย chatee supasand
วิธีการปรับเปลี่ยนค่าเมื่อมีการ Quote โพสต์ ใน phpbb
โดย Ittichai_chupol อ 20 ส.ค. 2019 5:21 pm บอร์ด PHP Knowledge
0
11
อ 20 ส.ค. 2019 5:21 pm โดย Ittichai_chupol
วิธีการปรับเปลี่ยนค่า โฑสต์ เมื่อมีการ Quote ใน phpbb
โดย Ittichai_chupol อ 20 ส.ค. 2019 5:17 pm บอร์ด PHP Knowledge
0
5
อ 20 ส.ค. 2019 5:17 pm โดย Ittichai_chupol
งานประจำวันที่ 20 กรกฎาคม 2562
โดย jamepiyawat อ 20 ส.ค. 2019 10:09 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
2
11
อ 20 ส.ค. 2019 8:14 pm โดย jamepiyawat
งานประจำวันที่ 20 สิงหาคม 2562
โดย jirawoot อ 20 ส.ค. 2019 10:05 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
1
7
อ 20 ส.ค. 2019 8:01 pm โดย jirawoot
งานประจำวันที่ 20 สิงหาคม 2562
โดย chatee supasand อ 20 ส.ค. 2019 9:58 am บอร์ด MT33 - นายชาตรี สุภาแสน
1
9
อ 20 ส.ค. 2019 7:09 pm โดย chatee supasand
งานประจำวันที่ 20 สิงหาคม 2562
โดย EyePornnipa อ 20 ส.ค. 2019 9:57 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
1
14
อ 20 ส.ค. 2019 7:29 pm โดย EyePornnipa