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

                 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เงื่อนไข การค้นหา คำที่อยากให้มี และ คำที่ไม่อยากให้มี
โดย aninthana ส 21 ก.ย. 2019 6:03 pm บอร์ด PHP Knowledge
0
6
ส 21 ก.ย. 2019 6:03 pm โดย aninthana
ทำยังไง border ทั้งบอร์ดเป็น link ให้เรากดได้ครับ
โดย jamepiyawat ส 21 ก.ย. 2019 4:58 pm บอร์ด HTML CSS
1
10
ส 21 ก.ย. 2019 5:47 pm โดย mindphp
path way เมือกด step ถัดไปstep ที่เคยผ่านมาจะมีแท็ก a เพิ่มขึ้นทำให้ไปปิดตัวอักษร ครับ
โดย jamepiyawat ส 21 ก.ย. 2019 3:30 pm บอร์ด HTML CSS
0
6
ส 21 ก.ย. 2019 3:30 pm โดย jamepiyawat
อยากทราบวิธีที่จะทำให้คำสั่ง css เปลี่ยนไปตามการตั้งค่าสีของ tamplate ครับ
โดย jamepiyawat ส 21 ก.ย. 2019 2:55 pm บอร์ด Joomla Development
2
16
ส 21 ก.ย. 2019 3:19 pm โดย jamepiyawat
Q - อยากทราบวิธีคำนวณค่าสกุลเงินครับ
โดย birdkritsna ส 21 ก.ย. 2019 11:01 am บอร์ด Programming - PHP
11
77
ส 21 ก.ย. 2019 5:15 pm โดย birdkritsna
การ Install ส่วนขยาย
โดย Anonymous ส 21 ก.ย. 2019 11:11 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
12
ส 21 ก.ย. 2019 3:09 pm โดย mindphp
งานประจำวันที่ 21 กันยายน 2562
โดย aninthana ส 21 ก.ย. 2019 10:27 am บอร์ด M092 - อนินธนา บุญยัง
2
12
ส 21 ก.ย. 2019 6:34 pm โดย aninthana
งานประจำวันที่ 21 กันยายน 2562
โดย jirawoot ส 21 ก.ย. 2019 10:18 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
1
4
ส 21 ก.ย. 2019 7:07 pm โดย jirawoot
งานประจำวันที่ 21 กันยายน 2562
โดย birdkritsna ส 21 ก.ย. 2019 10:12 am บอร์ด M094 - กฤษณะ จะโรจน์รัมย์
2
14
ส 21 ก.ย. 2019 6:21 pm โดย birdkritsna
งานประจำวันที่ 21 กันยายน 2562
โดย chatee supasand ส 21 ก.ย. 2019 10:10 am บอร์ด MT33 - นายชาตรี สุภาแสน
1
8
ส 21 ก.ย. 2019 7:26 pm โดย chatee supasand
งานประจำวันที่ 21 กันยายน 2562
โดย jamepiyawat ส 21 ก.ย. 2019 10:07 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
2
9
ส 21 ก.ย. 2019 7:36 pm โดย jamepiyawat
การบันทึกบัญชี รับเงินมัดจำในเดือนกับข้ามเดือน บันทึกยังไง แตกต่างกันมั้ยค่ะ
โดย thatsawan ศ 20 ก.ย. 2019 8:08 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
2
16
ส 21 ก.ย. 2019 5:09 pm โดย thatsawan
ทำความรู้จัก Cloud
โดย aninthana ศ 20 ก.ย. 2019 8:01 pm บอร์ด Linux - Web Server
0
9
ศ 20 ก.ย. 2019 8:01 pm โดย aninthana
เปรียบเทียบ smart watch รุ่นต่างๆ จากหลายๆค่าย รุ่นไหนโดน รุ่นไหนดี มารับชมกันได้เลย
โดย chatee supasand ศ 20 ก.ย. 2019 5:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
19
ศ 20 ก.ย. 2019 5:41 pm โดย chatee supasand
วิธีสมัครและใช้งาน api อัตราแลกเปลี่ยนเงินตรา จาก ธนาคารแห่งประเทศไทย ด้วย php
โดย birdkritsna ศ 20 ก.ย. 2019 4:14 pm บอร์ด PHP Knowledge
0
17
ศ 20 ก.ย. 2019 4:14 pm โดย birdkritsna
จะทำ path way เป็นลูกศรชีต้องทำยังไงครับ
โดย jamepiyawat ศ 20 ก.ย. 2019 3:50 pm บอร์ด HTML CSS
0
13
ศ 20 ก.ย. 2019 3:50 pm โดย jamepiyawat
อยากทราบวิธีที่จะทำให้เมือเรากดปุ่มซื้อสินค้าแล้วจะมีหน้า pop เด้งขึ้นมาครับ
โดย jamepiyawat ศ 20 ก.ย. 2019 3:30 pm บอร์ด HTML CSS
0
10
ศ 20 ก.ย. 2019 3:30 pm โดย jamepiyawat
อยากทราบวิธีทำปุ่มกดสลับค่าระหว่าง list box ครับ
โดย birdkritsna ศ 20 ก.ย. 2019 2:59 pm บอร์ด Programming - PHP
7
64
ส 21 ก.ย. 2019 5:41 pm โดย thatsawan
ระดับ User นี้มีข้อจำกัดอะไรบ้างครับ
โดย Patipat ศ 20 ก.ย. 2019 2:45 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
17
ศ 20 ก.ย. 2019 2:50 pm โดย tsukasaz
ทำไมโค้ดของผมแสดงผลชื่อจังหวัดชื่ออำเภอผิดครับ
โดย jamepiyawat ศ 20 ก.ย. 2019 2:20 pm บอร์ด JavaScript & Jquery Ajax
8
38
ศ 20 ก.ย. 2019 3:22 pm โดย jamepiyawat