กระติกน้ำ - ไฟล์คงที่

เว็บแอปพลิเคชันมักต้องการไฟล์แบบคงที่เช่นไฟล์ javascript ไฟล์หรือไฟล์ CSSไฟล์ที่รองรับการแสดงหน้าเว็บ โดยปกติเว็บเซิร์ฟเวอร์จะได้รับการกำหนดค่าให้ให้บริการแก่คุณ แต่ในระหว่างการพัฒนาไฟล์เหล่านี้จะได้รับจากโฟลเดอร์แบบคงที่ในแพ็คเกจของคุณหรือถัดจากโมดูลของคุณและจะพร้อมใช้งานที่/static บนแอปพลิเคชัน

จุดสิ้นสุดพิเศษ 'คงที่' ใช้เพื่อสร้าง URL สำหรับไฟล์คงที่

ในตัวอย่างต่อไปนี้ a javascript ฟังก์ชันที่กำหนดใน hello.js เรียกว่า OnClick เหตุการณ์ของปุ่ม HTML ใน index.htmlซึ่งแสดงผลเมื่อ ‘/’ URL ของแอปพลิเคชัน Flask

from flask import Flask, render_template
app = Flask(__name__)

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

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

สคริปต์ HTML ของ index.html ได้รับด้านล่าง

<html>
   <head>
      <script type = "text/javascript" 
         src = "{{ url_for('static', filename = 'hello.js') }}" ></script>
   </head>
   
   <body>
      <input type = "button" onclick = "sayHello()" value = "Say Hello" />
   </body>
</html>

hello.js ประกอบด้วย sayHello() ฟังก์ชัน

function sayHello() {
   alert("Hello World")
}