jinja2

jinja2

jinja2是Flask默认支持的模板。Flask通过render_template()函数来实现模板的渲染。

from flask import Flask,request,render_template

app = Flask(__name__)

@app.route('/',methods=['GET','POST'])
def home():
    return render_template('home.html')

@app.route('/signin',methods=['GET'])
def signin_form():
    return render_template('form.html')

@app.route('/signin',methods=['POST'])
def signin():
    username = request.form['username']
    password = request.form['password']
    if username == 'admin' and password == 'password':
        return render_template('signin-ok.html',username=username)
    return render_template('form.html',message='Bad username or password.',username=username)

if __name__ == '__main__':
    app.run()

编写jinja2模板:

home.html


<html>
<head>
    <title>Hometitle>
head>
<body>
<h1>Home1h1>
body>
html>

form.html


<html>
<head>
    <title>Please Sign Intitle>
head>
<body>

{% if message %}
<p style="color:red;">{{message}}p>
{% endif %}
<form action="/signin" method="post">
    <legend>Please sign in:legend>
    <p><input name="username" placeholder="username" value="{{username}}" />p>
    <p><input name="password" placeholder="password" type="password" />p>
    <p><button type="submit">Sign Inbutton>p>
form>
body>
html>

signin-ok.html


<html>
<head>
    <title>Welcome,{{username}}title>
head>
<body>
<p>Welcome,{{username}}p>
body>
html>

一定要把模板放到正确的templates目录下,templates和app.py在同级目录下:

这里写图片描述

运行效果

首页:

jinja2_第1张图片

登录页:

jinja2_第2张图片

输入错误的用户名或者密码:

jinja2_第3张图片

登陆成功:

jinja2_第4张图片

在Jinja2模板中,我们用{{ name }}表示一个需要替换的变量。很多时候,还需要循环、条件判断等指令语句,在Jinja2中,用{% … %}表示指令。

比如循环输出页码:

{% for i in page_list %}
    <a href="/page/{{ i }}">{{ i }}a>
{% endfor %}

如果page_list是一个list:[1, 2, 3, 4, 5],上面的模板将输出5个超链接。

你可能感兴趣的:(python)