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

python_flask_form.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 8.28 KB

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

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


 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ตัวแปรชนิด Tuple
โดย Four พฤ 18 ม.ค. 2018 5:18 pm บอร์ด Python Knowledge
0
10
พฤ 18 ม.ค. 2018 5:18 pm โดย Four
Smart Slider 3(สมาร์ทสไลด์ 3)-Extension สำหรับสร้างแถบเลื่อนและบล็อคภาพเคลื่อนไหวที่สวยงาม
โดย Parichat พฤ 18 ม.ค. 2018 5:02 pm บอร์ด Joomla Extension Review
0
6
พฤ 18 ม.ค. 2018 5:02 pm โดย Parichat
ขอสอบถามเรื่องความแตกต่างของฟังก์ชั่นvariant_pow()กับฟังก์ชั่น pow()
โดย Parichat พฤ 18 ม.ค. 2018 1:58 pm บอร์ด Programming - PHP
0
11
พฤ 18 ม.ค. 2018 1:58 pm โดย Parichat
อยากได้โปรแกรม command แบบ cmd ที่เก็บ history ได้ค่ะช่วยเเนะนำหน่อย
โดย thatsawan พฤ 18 ม.ค. 2018 11:18 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
25
พฤ 18 ม.ค. 2018 7:18 pm โดย thatsawan
0vsNULL
โดย Before Dong พฤ 18 ม.ค. 2018 10:32 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
19
พฤ 18 ม.ค. 2018 2:51 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Parichat พฤ 18 ม.ค. 2018 9:38 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
1
13
พฤ 18 ม.ค. 2018 7:16 pm โดย Parichat
งานประจำวันที่ 18 มกราคม 2561
โดย Jom07 พฤ 18 ม.ค. 2018 9:27 am บอร์ด MT23 - สุพรรษา พูลตา
2
27
พฤ 18 ม.ค. 2018 6:49 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Four พฤ 18 ม.ค. 2018 9:24 am บอร์ด MT22 - อิษยา งามสอาด
1
21
พฤ 18 ม.ค. 2018 11:44 am โดย Four
VDO สอนพัฒนา Componet Joomla ภาษาอังกฤษ By Mindphp Developer Team
โดย mindphp พฤ 18 ม.ค. 2018 6:21 am บอร์ด Joomla Development
0
13
พฤ 18 ม.ค. 2018 6:21 am โดย mindphp
Ozio Gallery-Components & Plugins สำหรับช่วยให้ดูภาพที่เผยแพร่บน Googleและวีดีโอจาก Youtube ที่ละเอียด
โดย Parichat พ 17 ม.ค. 2018 7:30 pm บอร์ด Joomla Extension Review
0
23
พ 17 ม.ค. 2018 7:30 pm โดย Parichat
ตัวดำเนินการของตัวแปร List
โดย Four พ 17 ม.ค. 2018 4:35 pm บอร์ด Python Knowledge
0
15
พ 17 ม.ค. 2018 4:35 pm โดย Four
การใช้ Del statement
โดย Four พ 17 ม.ค. 2018 4:03 pm บอร์ด Python Knowledge
0
15
พ 17 ม.ค. 2018 4:03 pm โดย Four
Review Applications 17 มกราคม 2561
โดย Jom07 พ 17 ม.ค. 2018 3:44 pm บอร์ด MT23 - สุพรรษา พูลตา
1
18
พ 17 ม.ค. 2018 6:19 pm โดย Jom07
การใช้ Precedence
โดย Four พ 17 ม.ค. 2018 3:36 pm บอร์ด Python Knowledge
0
15
พ 17 ม.ค. 2018 3:36 pm โดย Four
โครงสร้าง Module
โดย tsukasaz พ 17 ม.ค. 2018 3:08 pm บอร์ด Joomla Dev
0
8
พ 17 ม.ค. 2018 3:08 pm โดย tsukasaz
Index VDO Reenigne – คุณวีรศักดิ์ - odoo 10
โดย Four พ 17 ม.ค. 2018 2:33 pm บอร์ด MT22 - อิษยา งามสอาด
0
8
พ 17 ม.ค. 2018 2:33 pm โดย Four
งานประจำวันที่ 17 มกราคม 2561
โดย Four พ 17 ม.ค. 2018 9:56 am บอร์ด MT22 - อิษยา งามสอาด
3
32
พ 17 ม.ค. 2018 4:36 pm โดย Four
Work's on Hand ปาริชาติ รัตโณภาส MT21
โดย Parichat จ 08 ม.ค. 2018 12:11 pm บอร์ด MT21 - ปาริชาติ รัตโณภาส
2
52
พ 17 ม.ค. 2018 10:51 am โดย Parichat
งานประจำวันที่ 17 มกราคม 2561
โดย Parichat พ 17 ม.ค. 2018 9:47 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
11
60
พ 17 ม.ค. 2018 7:31 pm โดย Parichat
ไอเดียในการออกแบบ iphone8
โดย Before Dong พ 17 ม.ค. 2018 10:29 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
24
พ 17 ม.ค. 2018 10:29 am โดย Before Dong