Frasco de archivos estáticos
Tengo entendido: no es necesario interactuar con el backend para generar datos, que es lo que puede ver directamente cuando abre la página. (Por favor corríjame si hay un error en la comprensión, mientras estudia)
Las aplicaciones web suelen requerir archivos estáticos, como archivos javascript o archivos CSS que admiten la visualización de páginas web . Por lo general, configura un servidor web y le proporciona estos servicios, pero durante el proceso de desarrollo, estos archivos se proporcionan desde la carpeta estática junto a su paquete o módulo , y se proporcionarán en el archivo / estático de la aplicación .
El punto final especial 'estático' se utiliza para generar URL de archivos estáticos.
En el siguiente ejemplo, la función javascript definida en hello.js se llama en el evento OnClick del botón HTML en index.html , y la función se representa en la URL "/" de la aplicación Flask .
Cree el archivo test_static.py de la siguiente manera
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)Cree un script HTML de templates / index.html en el mismo directorio que test_static.py de la siguiente manera:
<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>Cree un nuevo static / hello.js en el mismo directorio de nivel de test_static.py para incluir la función sayHello () .
function sayHello() {
alert("Hello World")
}