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

                 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
export jar ไปใช้เครื่องอื่นพร้อม database
โดย Saharat Saharat ส 23 มี.ค. 2019 6:46 pm บอร์ด Programming - C/C++ & java & Python
0
4
ส 23 มี.ค. 2019 6:46 pm โดย Saharat Saharat
งานประจำวันที่ 23 มีนาคม 2562
โดย napharat079 ส 23 มี.ค. 2019 9:41 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
3
9
ส 23 มี.ค. 2019 7:08 pm โดย napharat079
งานประจำวันที่ 23 มีนาคม 2562
โดย Four ส 23 มี.ค. 2019 9:08 am บอร์ด M077 - อิษยา งามสอาด
1
4
ส 23 มี.ค. 2019 2:00 pm โดย Four
Q - ผมติดตั้ง โมดูลฟอนต์ (oecn_base_fonts) ไม่ได้ ปัญหานี้เกิดบนเครื่อง Ubuntu 16.04 นะครับ
โดย tatiya ศ 22 มี.ค. 2019 5:51 pm บอร์ด OpenERP - MD-ERP
1
7
ศ 22 มี.ค. 2019 6:08 pm โดย tatiya
วิธีทำให้ผมสวย
โดย สริญญา สมสา ศ 22 มี.ค. 2019 3:30 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
ศ 22 มี.ค. 2019 3:30 pm โดย สริญญา สมสา
วิธีสร้าง color palette จากรูปภาพของตัวเองได้ง่ายๆไม่ซ่ำใคร
โดย napharat079 ศ 22 มี.ค. 2019 3:28 pm บอร์ด Graphic design
0
9
ศ 22 มี.ค. 2019 3:28 pm โดย napharat079
อยากทราบวิธีการ เปลี่ยน รูป icon ที่ Tab ของ Browser บน เว็บบอร์ด phpbb
โดย Ittichai_chupol ศ 22 มี.ค. 2019 3:28 pm บอร์ด Programming - PHP
1
16
ศ 22 มี.ค. 2019 3:34 pm โดย mindphp
Stedia Google Game Platform คืออะไร
โดย Ittichai_chupol ศ 22 มี.ค. 2019 2:36 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
ศ 22 มี.ค. 2019 2:36 pm โดย Ittichai_chupol
สอนวิธีทำ warp text รูปร่างอักษรแบบเก๋ๆ ด้วย photoshop
โดย napharat079 ศ 22 มี.ค. 2019 1:38 pm บอร์ด Graphic design
0
12
ศ 22 มี.ค. 2019 1:38 pm โดย napharat079
One ui คืออะไร
โดย Ittichai_chupol ศ 22 มี.ค. 2019 1:29 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
ศ 22 มี.ค. 2019 1:29 pm โดย Ittichai_chupol
ประโยชน์ของนม
โดย สริญญา สมสา ศ 22 มี.ค. 2019 11:27 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
ศ 22 มี.ค. 2019 11:27 am โดย สริญญา สมสา
งานประจำวันที่ 22 มีนาคม 2562
โดย Four ศ 22 มี.ค. 2019 9:04 am บอร์ด M077 - อิษยา งามสอาด
1
6
ศ 22 มี.ค. 2019 6:54 pm โดย Four
งานประจำวันที่ 22 มีนาคม 2562
โดย napharat079 ศ 22 มี.ค. 2019 8:55 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
3
10
ศ 22 มี.ค. 2019 6:56 pm โดย napharat079
งานประจำวันที่ 22 มีนาคม 2562
โดย สริญญา สมสา ศ 22 มี.ค. 2019 8:52 am บอร์ด MT32 - นางสาวสริญญา สมสา
2
11
ศ 22 มี.ค. 2019 6:57 pm โดย สริญญา สมสา
Q - ตอนกดคำนวนแล้วระยะทางไปแสดงทั้ง 2 ช่อง
โดย Parichat พฤ 21 มี.ค. 2019 10:44 pm บอร์ด Joomla Dev
8
21
ศ 22 มี.ค. 2019 4:25 pm โดย tsukasaz
พื้นฐานโปรเเกรม Open ERP
โดย สริญญา สมสา พฤ 21 มี.ค. 2019 9:14 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
20
พฤ 21 มี.ค. 2019 9:14 pm โดย สริญญา สมสา
งานประจำวันที่ 21 มีนาคม 2562
โดย napharat079 พฤ 21 มี.ค. 2019 9:54 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
1
6
พฤ 21 มี.ค. 2019 7:13 pm โดย napharat079
งานประจำวันที่ 21 มีนาคม 2562
โดย Four พฤ 21 มี.ค. 2019 9:31 am บอร์ด M077 - อิษยา งามสอาด
1
6
พฤ 21 มี.ค. 2019 7:05 pm โดย Four
Q - ขอวิธีแสดงแสดงจังหวัดต้นทางและจังหวัดปลายทางโดยใช้ Ajax ในการดึงชื่อจังหวัดต้นทางและปลายทางจากฐานข้อมูลมาแสดง
โดย Parichat พฤ 21 มี.ค. 2019 2:15 pm บอร์ด Joomla Dev
6
27
พฤ 21 มี.ค. 2019 6:40 pm โดย Parichat
Make Up แก้มชมพูใสๆเนียนๆด้วย Photoshop
โดย napharat079 พฤ 21 มี.ค. 2019 6:19 pm บอร์ด Graphic design
0
39
พฤ 21 มี.ค. 2019 6:19 pm โดย napharat079