English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Modelos Flask

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.