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

                 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 24 มิถุนายน 2562
โดย jamepiyawat จ 24 มิ.ย. 2019 10:03 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
0
1
จ 24 มิ.ย. 2019 10:03 am โดย jamepiyawat
งานประจำวันที่ 24 มิถุนายน 2562
โดย EyePornnipa จ 24 มิ.ย. 2019 10:02 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
0
2
จ 24 มิ.ย. 2019 10:02 am โดย EyePornnipa
งานประจำวันที่ 24 มิถุนายน 2562
โดย chatee supasand จ 24 มิ.ย. 2019 9:57 am บอร์ด MT33 - นายชาตรี สุภาแสน
0
1
จ 24 มิ.ย. 2019 9:57 am โดย chatee supasand
งานประจำวันที่ 24 มิถุนายน 2562
โดย jirawoot จ 24 มิ.ย. 2019 9:56 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
0
3
จ 24 มิ.ย. 2019 9:56 am โดย jirawoot
multipart/form-data ใช่กับโทรศัพท์ oppo ไม่ได้
โดย apinanrun อ 23 มิ.ย. 2019 10:56 am บอร์ด Programming - PHP
5
26
อ 23 มิ.ย. 2019 6:57 pm โดย mindphp
สิทธิประกันสังคมกรณีเจ็บป่วยที่คนทำงานควรรู้
โดย EyePornnipa ส 22 มิ.ย. 2019 7:49 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
21
ส 22 มิ.ย. 2019 7:49 pm โดย EyePornnipa
VDO-การเดินทางจากกรุงเทพไปสระบุรี
โดย jirawoot ส 22 มิ.ย. 2019 7:01 pm บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
0
6
ส 22 มิ.ย. 2019 7:01 pm โดย jirawoot
Work Shop VDO การตรวจสอบบัญชี กับโปรแกรมคอมพิวเตอร์ที่จำเป็น
โดย EyePornnipa ส 22 มิ.ย. 2019 6:53 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
0
15
ส 22 มิ.ย. 2019 6:53 pm โดย EyePornnipa
Kano Computer Kit Touch คือ อะไร
โดย jirawoot ส 22 มิ.ย. 2019 5:34 pm บอร์ด Share Knowledge
0
17
ส 22 มิ.ย. 2019 5:34 pm โดย jirawoot
Rate อัตราดอกเบี้ยของแต่ล่ะธนาคาร
โดย Patipat ส 22 มิ.ย. 2019 5:08 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
24
ส 22 มิ.ย. 2019 5:08 pm โดย Patipat
iConn คืออะไร
โดย jirawoot ส 22 มิ.ย. 2019 3:53 pm บอร์ด Share Knowledge
0
20
ส 22 มิ.ย. 2019 3:53 pm โดย jirawoot
mod_rewrite คืออะไร สรุปคร่าวๆ
โดย Patipat ส 22 มิ.ย. 2019 3:23 pm บอร์ด PHP Knowledge
0
19
ส 22 มิ.ย. 2019 3:23 pm โดย Patipat
อาเรย์คืออะไร
โดย jamepiyawat ส 22 มิ.ย. 2019 3:18 pm บอร์ด PHP Knowledge
0
17
ส 22 มิ.ย. 2019 3:18 pm โดย jamepiyawat
วิธีการทำให้ภาษา php เข้าไปเก็บข้อมูลและแสดงข้อมูลเฉพาะที่เราต้องการ
โดย jamepiyawat ส 22 มิ.ย. 2019 12:14 pm บอร์ด PHP Knowledge
0
20
ส 22 มิ.ย. 2019 12:14 pm โดย jamepiyawat
งานประจำวันที่ 22 มิถุนายน 2562
โดย Patipat ส 22 มิ.ย. 2019 10:46 am บอร์ด M088 - ปฏิภัทร สารธรรม
3
18
ส 22 มิ.ย. 2019 6:01 pm โดย Patipat
งานประจำวันที่ 22 มิถุนายน 2562
โดย jamepiyawat ส 22 มิ.ย. 2019 10:09 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
2
10
ส 22 มิ.ย. 2019 7:19 pm โดย jamepiyawat
งานประจำวันที่ 22 มิถุนายน 2562
โดย jirawoot ส 22 มิ.ย. 2019 10:05 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
2
20
ส 22 มิ.ย. 2019 5:10 pm โดย Ittichai_chupol
งานประจำวันที่ 22 มิถุนายน 2562
โดย EyePornnipa ส 22 มิ.ย. 2019 10:02 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
2
45
ส 22 มิ.ย. 2019 7:50 pm โดย EyePornnipa
วิธีการใช้ loop for แสดงข้อมูลที่อยู่ในอาเรย์ออกมาทั้งหมดออกให้ได้เห็นกัน
โดย jamepiyawat ศ 21 มิ.ย. 2019 6:34 pm บอร์ด PHP Knowledge
0
22
ศ 21 มิ.ย. 2019 6:34 pm โดย jamepiyawat
เรียนรู้งานบริการของบริษัท
โดย EyePornnipa ศ 21 มิ.ย. 2019 6:17 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
0
10
ศ 21 มิ.ย. 2019 6:17 pm โดย EyePornnipa