Flask (เฟลค) คือ web framework (เว็บ เฟรมเวริค) เป็นเฟรมเวริคที่เขียนขึ้นมาสำหรับใช้งานในภาษา Python   ไพทอน (ไพธอน)  เพื่อใช้ในการสร้างเว็บไซต์ ทำให้ภาษาไพธอนนั้น มีความสามารถในการจัดการกับเว็บไซต์ซึ่งทำให้มึความสามารถคล้ายๆภาษา PHP (พีเอชพี)  ซึ่งแทบจะใช้แทนกันได้เลย  ในปัจจจุบันมีผู้ใช้ Flask Framework ค่อนข้างจะเยอะมากซึ่งเป็นผลมาจากการใช้งานที่ง่ายและผนวกกับมีผู้ใช้ภาษาไพธอนเพิ่มขึ้นนั่นเอง 

 

HTML (เอชทีเอมแอล) และ CSS (ซีเอชเอช) คืออะไร

              HTML ย่อมาจาก Hyper Text Markup Language คือภาษาคอมพิวเตอร์ที่ใช้ในการแสดงผลของเอกสารบน website หรือที่เราเรียกกันว่าเว็บเพจ ถูกพัฒนาและกำหนดมาตรฐานโดยองค์กร World Wide Web Consortium (W3C) และจากการพัฒนาทางด้าน Software ของ Microsoft ทำให้ภาษา HTML เป็นอีกภาษาหนึ่งที่ใช้เขียนโปรแกรมได้ หรือที่เรียกว่า HTML Application และในโปรแกรมไพชาร์มนั้นนอกจาก จะรองรับการเขียนภาษาไพธอนแล้วยังรองรับการเขียนภาษา HTML อีกด้วย  ส่วน css นั่นก็คือ ภาษาที่ใช้ในการจัดรูปแบบเอกสาร HTML ให้มีความสวยงาม ไม่ว่าจะพื้นหลังของเอกสารหรือสีข้อความและอื่นๆ

 

การใช้งาน Flask Framework (เฟลค เฟรมเวิร์ค) ร่วมกับไฟล์ HTML (เอชทีเอมแอล) , และไฟล์ css (ซีเอสเอส)

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

 

                   2.เขียนโค้ดภาษาไพธอนลงในไฟล์ภาษาไพธอนสำหรับเรียกใช้งาน Flask Framework

#-*- coding=utf-8 -*-
from flask import Flask,render_template #อิมพอร์ตโมดูล
app = Flask(__name__)

@app.route('/')
def index():  #def  เป็นคำสำคัญสำหรับการสร้างฟังก์ชัน
   return render_template('index.html') #เรนเดอร์ไฟล์ที่ชื่อ index ที่อยู่ในไดเร้กทอรี่ที่ชื่อ templates


if __name__ == '__main__':
   app.run()

 

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

<html>
<head>
<link rel="stylesheet" href="/static/style.css">  <!-- เชื่อมโยงกับไฟล์ style.css -->
</head>
<body>
<h1>HELLO PYTHON</h1>  <!-- แสดงคำว่า HELLO PYTHON -->
</body>
</html>

         

                       4.เขียนโค้ดภาษา CSS ลงในไฟล์ที่ชื่อ style.css  ซึ่งอยู่ในไดเร็กทอรี่ static

body {
    background: black; /* พื้นหลัง */
    color: yellow;     /* สีอักษร */
}

 

       ผลการรัน: ตรงบรรทัดรองสุดท้าย จะมีลิงค์สำหรับไปหน้าเว็บที่เราสร้างขึ้น

 * Serving Flask app "2hello_template" (lazy loading)
 * Environment: production
   WARNING: Do not use the development server in a production environment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
127.0.0.1 - - [27/Aug/2018 16:25:25] "GET / HTTP/1.1" 200 -

        

อ้างอิงรูปภาพ: medium

 

หัวเรื่อง
สื่อการสอน Python Framework Flask
หมวดหมู่
สื่อการสอน โปแกรมเมอร์, สื่อการสอน โปแกรมเมอร์
ฮิต
2046
ผู้สร้างเอกสาร
anawatj
วันที่สร้างเอกสาร
2023-09-23 22:05:13
รายละเอียด

สื่อการสอน Python Framework Flask

Python Flask Framework คือ เฟรมเวิร์คที่ใช้สำหรับการสร้างเว็บไซต์ หรือเว็บแอปพลิเคชันที่เขียนขึ้นมาสำหรับใช้งานในภาษา Python (ไพธอน) ในปัจจุบันเริ่มมีผู้ใช้งาน  (ฟลัสค์ เฟรมเวิร์ค) เป็นจำนวนที่เพิ่มมากขึ้นค่อนข้างมาก เนืองด้วยอาจจะเพราะเป็นเฟรมเวิร์คที่ใช้งานค่อนข้างง่ายและผนวกกับมีผู้ใช้ภาษาไพธอนในการพัฒนาเว็บเป็นจำนวนมากนั้นเอง ซึ่งในปัจจุบัน Flask Framework ได้มีการพัฒนาเรื่อย ๆ มาจนถึงเวอร์ชัน 0.12 ในปัจจุบัน


รายละเอียดของไฟล์ดาวน์โหลด

  • Code สำหรับการใช้งาน choice (ชอยส์) ในโมดูล random (แรนดอม)
  • Code สำหรับ การใช้งาน Flask Framework (เฟลค เฟรมเวิร์ค) ร่วมกับไฟล์ HTML (เอชทีเอมแอล) , และไฟล์ css (ซีเอสเอส)

flask-framework-html-css-python.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 942 bytes

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

วันที่อัพโหลด 2023-09-23 14:58:12


choise-method-random-module.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 346 bytes

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

วันที่อัพโหลด 2023-09-23 14:58:12


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
รบกวนถามท่านผู้รู้ครับ ว่า Icon ตรงนี้แก้ไขอย่างไรครับ
โดย bigbossbest พฤ 27 ม.ค. 2011 1:49 am บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
1087
พฤ 27 ม.ค. 2011 3:12 am โดย mindphp View Topic รบกวนถามท่านผู้รู้ครับ ว่า Icon ตรงนี้แก้ไขอย่างไรครับ
ช่วยดู code ทีค่ะ ระบบ login
โดย Anonymous อ 25 ม.ค. 2011 3:08 pm บอร์ด Programming - PHP
2
1591
อ 25 ม.ค. 2011 11:50 pm โดย บุคคลทั่วไป View Topic ช่วยดู code ทีค่ะ ระบบ login
วิธีสมัครแพ็คเกจINTERNET black berry SMS โปรโมชั่นสุดคุ้ม AIS / 1-2 C
โดย jeab_cy จ 24 ม.ค. 2011 11:19 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
2369
จ 24 ม.ค. 2011 11:19 pm โดย jeab_cy View Topic วิธีสมัครแพ็คเกจINTERNET black berry SMS โปรโมชั่นสุดคุ้ม  AIS / 1-2 C
ทำยังไงให้ count() นับข้าม empty array?
โดย Anonymous อ 23 ม.ค. 2011 3:54 pm บอร์ด Programming - PHP
2
1743
อ 23 ม.ค. 2011 4:31 pm โดย บุคคลทั่วไป View Topic ทำยังไงให้ count() นับข้าม empty array?
EVO Hosting แรง เร็ว เสถียร รับประกันคุณภาพงานบริการ เริ่มต้น 499.- ต่อปี
โดย JeffyPlus อ 23 ม.ค. 2011 1:19 pm บอร์ด Web Hosting Review - Free Host Share Host VPS
1
2148
ส 30 เม.ย. 2011 4:42 pm โดย JeffyPlus View Topic EVO Hosting แรง เร็ว เสถียร รับประกันคุณภาพงานบริการ เริ่มต้น 499.- ต่อปี
Free Host PHP & MySQL cPanel ใช้พื้นที่ 1.6G
โดย mindphp อ 23 ม.ค. 2011 3:42 am บอร์ด Web Hosting Review - Free Host Share Host VPS
9
60577
พฤ 12 ม.ค. 2023 1:44 pm โดย บุคคลทั่วไป View Topic Free Host PHP & MySQL cPanel ใช้พื้นที่ 1.6G
Host Free 100MB dhost.info PHP 5.2 & MySQL 5.1
โดย mindphp อ 23 ม.ค. 2011 3:39 am บอร์ด Web Hosting Review - Free Host Share Host VPS
4
7342
อ 28 มิ.ย. 2022 4:27 am โดย บุคคลทั่วไป View Topic Host Free 100MB dhost.info   PHP 5.2 & MySQL 5.1
เอา Free Host ต่างประเทศมาแนะนำ host-ed.net
โดย mindphp อ 23 ม.ค. 2011 3:35 am บอร์ด Web Hosting Review - Free Host Share Host VPS
6
10413
พฤ 24 ส.ค. 2023 9:14 pm โดย บุคคลทั่วไป View Topic เอา Free Host ต่างประเทศมาแนะนำ host-ed.net