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

python_flask_form.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 8.28 KB

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

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


 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - ได้รับอีเมลให้ login คลิกตามลิงค์เเล้วหาที่ เข้าระบบไม่เจอ มันวิ่งกลับมา index
โดย thatsawan ส 18 เม.ย. 2020 3:14 pm บอร์ด Odoojob.com - Tester
1
9
ศ 08 พฤษภาคม 2020 3:44 pm โดย thatsawan
(Close)B - Template มี เมนูเกินมา
โดย thatsawan ส 18 เม.ย. 2020 3:05 pm บอร์ด Odoojob.com - Tester
1
6
ศ 15 พฤษภาคม 2020 6:34 pm โดย thatsawan
ประกันสังคมจ่ายเงินได้ ในกรณีว่างงานเนื่องจากเหตุสุดวิสัยที่เกิดจาก COVID-19 (มีผลใช้บังคับทางกฎหมายแล้ว)
โดย thatsawan ส 18 เม.ย. 2020 11:36 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
95
ส 18 เม.ย. 2020 11:36 am โดย thatsawan
20 อันดับรายชื่อ เศรษฐีไทยร่ำรวยที่สุดในประเทศไทย
โดย thatsawan ศ 17 เม.ย. 2020 8:22 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
193
ศ 17 เม.ย. 2020 8:22 pm โดย thatsawan
B - แทรก css เป็นแบบ internal ไว้
โดย tsukasaz ศ 17 เม.ย. 2020 6:43 pm บอร์ด Odoojob.com - Tester
0
3
ศ 17 เม.ย. 2020 6:43 pm โดย tsukasaz
B - คลิกเมนู คู่มือการใช้งาน แล้ว error
โดย tsukasaz ศ 17 เม.ย. 2020 5:18 pm บอร์ด Odoojob.com - Tester
1
3
ศ 17 เม.ย. 2020 7:53 pm โดย tsukasaz
B - เมนู components หลักหายไปหลายตัว ใน admin
โดย tsukasaz ศ 17 เม.ย. 2020 2:40 pm บอร์ด Odoojob.com - Tester
0
2
ศ 17 เม.ย. 2020 2:40 pm โดย tsukasaz
B - กดเพิ่มเมนูใหม่แล้ว Error
โดย tsukasaz ศ 17 เม.ย. 2020 2:35 pm บอร์ด Odoojob.com - Tester
1
4
ศ 17 เม.ย. 2020 7:53 pm โดย tsukasaz
B - หน้าข้อมูลงาน Jobs List ข้อมูลไม่แสดง
โดย tsukasaz ศ 17 เม.ย. 2020 2:19 pm บอร์ด Odoojob.com - Tester
0
2
ศ 17 เม.ย. 2020 2:19 pm โดย tsukasaz
B - หน้าฟอร์มข้อมูล resume อัพโหลดไฟล์ไม่เข้า
โดย tsukasaz ศ 17 เม.ย. 2020 2:10 pm บอร์ด Odoojob.com - Tester
0
3
ศ 17 เม.ย. 2020 2:10 pm โดย tsukasaz
B - หน้าข้อมูลสมาชิกข้อมูลไม่แสดง และมีแจ้ง Warning
โดย tsukasaz ศ 17 เม.ย. 2020 2:07 pm บอร์ด Odoojob.com - Tester
0
1
ศ 17 เม.ย. 2020 2:07 pm โดย tsukasaz
B - หัวข้อ กับ ชื่อเมนู ไม่ตรงกัน
โดย tsukasaz ศ 17 เม.ย. 2020 2:05 pm บอร์ด Odoojob.com - Tester
0
2
ศ 17 เม.ย. 2020 2:05 pm โดย tsukasaz
AI x THERMAL CAMERA คัดกรองผู้ป่วยด้วยการตรวจจับอุณหภูมิบนใบหน้า
โดย LEG ศ 17 เม.ย. 2020 1:28 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
1121
ศ 17 เม.ย. 2020 1:28 pm โดย LEG
วิธีการเลือกปรับแก้ไข css เฉพาะจุดใดจุดหนึ่งเท่านั้น
โดย Ittichai_chupol ศ 17 เม.ย. 2020 12:29 pm บอร์ด CSS Knowledge
0
101
ศ 17 เม.ย. 2020 12:29 pm โดย Ittichai_chupol
Codeigniter 3.1.0 เจอปัญหาเรื่อง session ไม่เก็บ ใน PHP 7.2
โดย tsukasaz พ 15 เม.ย. 2020 12:38 pm บอร์ด Programming - PHP
1
128
พฤ 16 เม.ย. 2020 11:30 am โดย mindphp
R - Template Email กลับมา log in เพื่อเพิ่ม Profile เเละได้รับเมลจากอะไร ทั้ง TH EN
โดย thatsawan อ 14 เม.ย. 2020 7:27 pm บอร์ด Odoojob.com - Tester
0
4
อ 14 เม.ย. 2020 7:27 pm โดย thatsawan
อัพเกรดเวอร์ชั่นใหม่สำหรับ Joomla ด้วย Component MDUpgrade
โดย prmindphp อ 14 เม.ย. 2020 6:58 pm บอร์ด MindPHP News & Feedback
1
91
พฤ 16 เม.ย. 2020 7:01 pm โดย prmindphp
(Close)B - ได้รับเมลเข้าเว็บเเล้วหลังจากสมัครงานมาเเต่เข้าสู่ระบบไม่ได้
โดย thatsawan อ 14 เม.ย. 2020 6:24 pm บอร์ด Odoojob.com - Tester
2
10
ส 18 เม.ย. 2020 3:16 pm โดย thatsawan
VDO - MDfiles Updated to the latest version 1.5.49
โดย numtan5839 จ 13 เม.ย. 2020 6:55 pm บอร์ด MDFiles - Manual
4
13
อ 14 เม.ย. 2020 2:18 pm โดย mindphp
VDO - แนะนำ feature ใหม่ MDFiles
โดย numtan5839 จ 13 เม.ย. 2020 6:52 pm บอร์ด MDFiles - Manual
4
21
พ 15 เม.ย. 2020 2:22 am โดย mindphp