สร้างเว็บฟอร์ม จาก Python ด้วย Flask

แนะนำ สอบถาม ภาษา C สำหรับผู้เริ่มต้น ภาษา Java ภาษา Python

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
teenproza7
PHP Super Member
PHP Super Member
โพสต์: 204
ลงทะเบียนเมื่อ: 13/05/2019 10:03 am

สร้างเว็บฟอร์ม จาก Python ด้วย Flask

โพสต์โดย teenproza7 » 27/05/2019 6:50 pm

การสร้างเว็บจาก Flask นั้นเป็นการสร้างเว็บขั้นพื้นฐานที่สามารถทำได้ไม่ยาก วันนี้ผมจะมาแนะนำการสร้างเว็บฟอร์มด้วย Flask Framework ใน Python กัน

1.สร้างไดเร็กทอรี่ขึ้นมา 1 อัน โดยในไดเร็กทอรี่นั้นจะต้องมี ไดเร็กทอรี่ชื่อ static , templates และไฟล์ภาษาไพธอน 1 ไฟล์สำหรับเรียกใช้งาน Flask Framework ดังภาพ

web_form_python1.png
web_form_python1.png (3.23 KiB) เปิดดู 184 ครั้ง


2.จากนั้น ทำการติดตั้ง โมดูลของ Flask และเขียนโค้ด python ลงในไฟล์ .py

โค้ด: เลือกทั้งหมด

from flask import Flask
from flask import render_template
from flask import request

@app.route('/')
def index(): 
   return render_template('index.html')

app.run(debug=True)







3.จากนั้นเขียนโค้ดภาษา HTML ลงในไฟล์ที่ชื่อ index.html ซึ่งอยู่ในไดเร็กทอรี่ templates

โค้ด: เลือกทั้งหมด

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
<form  action = "{{ url_for('addcode') }}" method = "POST">

    <div align="center">
    <table>

          <tr>
            <td><h1>โปรแกรมแปลงโค้ด RML > PDF </h1></td>
    </tr>
            <tr>
                <td>ชื่อไฟล์ :<input type = "text" name = "filename" placeholder="กรุณาใส่ขื่อไฟล์"> <a href="/show">แสดงข้อมูล</a></td>

            </tr>

                   <tr>
                       <td>Code<textarea rows="20" cols="50" onload="def_load();"  type ="text" name="rml"></textarea></td>
                   </tr>
        <tr>
            <td>คำอธิบาย :<input type = "text" name = "description" placeholder="กรุณาใส่คำอธิบาย"></td>
    </tr>
<br>
    <tr>
    <td align="center"> <input type = "submit" onclick="return confirm_submit();" value = "แปลงไฟล์">
         <input type = "reset"  onclick="return confirm_reset();"  value="ล้างข้อมูล"></td>
    </tr>
</table>
    </div>

</form>
</body>
</html>


4.จากนั้นเมื่อกด Run ในบรรทัดสุดท้ายจะแสดงข้อความ จะมีลิ้งสำหรับไปหน้าเว็บขึ้นมา

โค้ด: เลือกทั้งหมด

/home/com003/PycharmProjects/mdsoft_generate_rml_to_pdf_miniproject/venv/bin/python /home/com003/PycharmProjects/mdsoft_generate_rml_to_pdf_miniproject/index.py
 * Serving Flask app "index" (lazy loading)
 * Environment: production
   WARNING: Do not use the development server in a production environment.
   Use a production WSGI server instead.
 * Debug mode: on
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 341-629-842


5.จะได้ผลลัพธ์ดังภาพ

web_form_python2.png
web_form_python2.png (33.14 KiB) เปิดดู 184 ครั้ง


เป็นยังไงกันบ้างครับสำหรับวิธีการสร้างเว็บฟอร์มด้วย Flask framework ไม่ยากเลยใช่ไหมครับ สำหรับการเพิ่มข้อมูลลงในฟอร์มแล้วทำการ บันทึกลงในฐานข้อมูล ผมจะกล่าวในบทความถัดไปครับ :mrgreen:

ศึกษาข้อมูลเพิ่มเติมได้ที่
บทเรียน Python

เทคนิคการเขียน Python

วีดีโอสอนเขียน Python สำหรับพื้นฐาน

Python Knowledge

Programming - C/C++ & java & Python
รูปภาพ

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 14 และ บุคคลทั่วไป 0 ท่าน