English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O Flask pode retornar a saída de uma função anexada a uma URL na forma de HTML. Por exemplo, no seguinte script, a função hello() usará o <h1>apresentação de marcadores 'Hello World' 。
# Nome do arquivo: example.py # Copyright: 2020 Por w3codebox # Autor por: pt.oldtoolbag.com # Data: 2020-08-08 from flask import Flask app = Flask(__name__) @app.route('/') def index(): return '<html><body><h1>'Hello World'</h1></body></html>' if __name__ == '__main__': app.run(debug = True)
Mas, gerar conteúdo HTML a partir do código Python é complicado, especialmente quando é necessário inserir dados variáveis e elementos de linguagem Python (como condições ou laços) nele. Frequentemente, é necessário escapar o código HTML.
pode usar Jinja2A técnica de motor de modelo de web, sem precisar retornar HTML codificado da função. Como mostrado no código a seguir, você pode renderizar um arquivo HTML através da função render_template().
# Nome do arquivo: example.py # Copyright: 2020 Por w3codebox # Autor por: pt.oldtoolbag.com # Data: 2020-08-08 from flask import Flask app = Flask(__name__) @app.route('/') def index(): return render_template('hello.html') if __name__ == '__main__': app.run(debug = True)
O Flask tentará encontrar o arquivo HTML na pasta templates dentro do mesmo diretório do script. -
# Nome do arquivo: example.py # Copyright: 2020 Por w3codebox # Autor por: pt.oldtoolbag.com # Data: 2020-08-08 app.py hello.py templates hello.html register.html ....
O termo "sistema de modelo de web" se refere a projetar um script HTML onde é possível inserir dados variáveis dinamicamente. O sistema de modelo de web é composto por um motor de modelo, uma fonte de dados e um processador de modelo.2A técnica de motor de modelo de web é, sem precisar retornar HTML codificado da função, como mostrado no código a seguir, você pode renderizar um arquivo HTML através da função render_template().
O seguinte código está em um modelo( templates)Salve o arquivo no diretório: hello.html。
# Nome do arquivo: example.py # Copyright: 2020 Por w3codebox # Autor por: pt.oldtoolbag.com # Data: 2020-08-08 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tratamento de métodos HTTP do Flask</title> </head> <body> <h1>Hello {{ name }}! занима/h1> </body> </html>
Em seguida, salve o seguinte código no app.pyno arquivo, e execute-o no shell do Python -
# 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('/hello/<user>') def hello_name(user): return render_template('hello.html', name = user)}} if __name__ == '__main__': app.run(debug = True)
Ao iniciar o servidor de desenvolvimento, abra o navegador e insira a URL - http://localhost:5000/hello/maxsu
A parte variável da URL é inserida no lugar do marcador {{name}}.
Jinja2O motor de template usa os seguintes delimitadores para escapar do HTML.
{% ... %} para comandos em múltiplas linhas {{ ... }} para imprimir expressões na template {# ... #} para comentários que não estão incluídos na saída do template # ... ## para comandos em uma linha
Neste exemplo, é demonstrado o uso de declarações condicionais no template. A função hello() aceita parâmetros inteiros e passa ao template hello.html. Dentro dele, o valor recebido do número (marcador) é comparado (maior ou menor50),portanto, foi executada renderização condicional no HTML.
Script Python如下 -
# 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('/hello/<int:score'> def hello_name(score): return render_template('hello.html', marks = score) if __name__ == '__main__': app.run(debug = True)
Arquivo de template: hello.html O script do template HTML é o seguinte -
# Nome do arquivo: example.py # Copyright: 2020 Por w3codebox # Autor por: pt.oldtoolbag.com # Data: 2020-08-08 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Exemplo de Modelo Flask</title> </head> <body> {% if marks>50 %%} <h1>Passou no exame!<!/h1> {% else %} <h1>Não passou no exame!<!/h1> {% endif %} </body> </html>
Atenção, a declaração condicional if-else e endif estão contidos dentro dos delimitadores {%..%.}
Execute o script Python e acesse a URL => http://localhost/hello/60, e então acesse http://localhost/hello/59, para visualizar a saída HTML condicionalmente.
A estrutura de loop Python também pode ser usada dentro do template. No seguinte script, ao abrir a URL no navegador => http:// localhost:5000/ao chamar result, a função result() envia o objeto dicionário para o arquivo de template: results.html 。
result.html A parte do template usa loops for para exibir os pares de chave e valor do objeto dicionário result{} como células de uma tabela HTML.
Execute o seguinte código no shell do Python.
# 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('/result) def result(): dict = {'phy':59,'che':60, 'maths':90 return render_template('result.html', result = dict) if __name__ == '__main__': app.run(debug = True)
Salve o seguinte script HTML no diretório de modelos ( templates) do arquivo de modelo: result.html 。
# Nome do arquivo: example.py # Copyright: 2020 Por w3codebox # Autor por: pt.oldtoolbag.com # Data: 2020-08-08 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Exemplo de Modelo Flask</title> </head> <body> <table border = 1> {% for key, value in result.items() %} <tr> <th> {{ key }} </th>/th> <td> {{ value }} </td>/td> </tr> {% endfor %} </table> </body> </html>
Aqui, a instrução Python correspondente ao loop For está contida em {%...%}, enquanto as chaves e valores das expressões ficam em {{}}.
Após o início do desenvolvimento, abra no navegador http://localhost:5000/result para obter a seguinte saída.