文件静态 Flask

Las aplicaciones web generalmente necesitan un archivo estático, como un archivo JavaScript o CSS que admite la visualización de la página web. Por lo general, estos servicios se proporcionan a través de la configuración del servidor web, pero durante el proceso de desarrollo, estos archivos se proporcionarán desde la carpeta estática del paquete o junto al módulo, que se ubicará en la aplicación del./Proporcionado en static.

Se utiliza el punto de extremidad especial "estático" para generar URL para archivos estáticos.

En el siguiente ejemplo, el evento OnClick del botón HTML en index.html llama a la función javascript definida en hello.js, que se encuentra en la URL => del aplicación Flask. / se muestra aquí.}

ejemplo

# Nombre de archivo: example.py
# Derechos de autor:　2020 Por w3codebox
# Autor por: es.oldtoolbag.com
# Fecha:　2020-08-08
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)

index.html El siguiente es el script HTML.

# Nombre de archivo: example.py
# Derechos de autor:　2020 Por w3codebox
# Autor por: es.oldtoolbag.com
# Fecha:　2020-08-08
<html>
　　　　<head>
　　　　　　　<script type="text/javascript　
　　　　　　　　　　src="{{ url_for('static', filename='hello.js') }}" ></script>
　　　　</head>
　　　　<body>
　　　　　　　<input type="button" onclick="sayHello()" value="Diga Hola">　/>
　　　　</body>
　</html>

archivo: hello.js Se define el contenedor que contiene la función sayHello().

# Nombre de archivo: example.py
# Derechos de autor:　2020 Por w3codebox
# Autor por: es.oldtoolbag.com
# Fecha:　2020-08-08
function sayHello() {
　　　　alert("Hola Mundo")
　}

对象请求 Flask 模板 Flask

Tutorial de Flask

文件静态 Flask