Objeto de Requisição do Flask Modelos do Flask

Arquivos Estáticos do Flask

Os aplicativos web geralmente precisam de arquivos estáticos, como arquivos JavaScript ou CSS que suportam a exibição da página da web. Normalmente, esses serviços podem ser fornecidos por um servidor web configurado, mas durante o desenvolvimento, esses arquivos estarão no diretório estático do pacote ou ao lado do módulo, que estará no aplicativo./Disponível no static.

Usar o endpoint especial "static" para gerar URLs para arquivos estáticos.

No exemplo a seguir, o evento OnClick do botão HTML no index.html chama a função javascript definida no hello.js, que está na URL => do aplicativo Flask. / apresentado no meio.

Exemplo

# Nome do Arquivo: example.py
# Copyright:　2020 Por w3codebox
# Autor por: pt.oldtoolbag.com
# Data:　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 O script HTML no meio é mostrado a seguir.

# Nome do Arquivo: example.py
# Copyright:　2020 Por w3codebox
# Autor por: pt.oldtoolbag.com
# Data:　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="Dizer Olá">　/>
　　　　</body>
　</html>

Arquivo: hello.js Definido no meio contém a função sayHello().

# Nome do Arquivo: example.py
# Copyright:　2020 Por w3codebox
# Autor por: pt.oldtoolbag.com
# Data:　2020-08-08
function sayHello() {
　　　　alert("Olá Mundo")
　}

Objeto de Requisição do Flask Modelos do Flask

Tutorial Flask

Arquivos Estáticos do Flask