Jinji2 模板引擎简介

Jinji2 模板引擎、WTE表单简介

借助模板引擎，我们可以在HTML文件中使用特殊的语法来标记出变量，这类包含固定内容和动态部分的可重用文件称为模板。模板引擎的作用是读取并执行模板中的特殊语法标记，并根据传入的数据将变量替换为实际值，输出最终的HTML页面，这个过程被称为渲染。

1. Jinji2 模板引擎

from flask import Flask,render_template
app = Flask(__name__)

#1.如何返回一个网页（模板）
#2.如何给模板填充数据

@app.route('/')
def index():
    #比如需要传入网址
    url_str = 'www.baidu.com'
    return render_template('index.html',url_str=url_str)


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

2.表单

2.1.在HTML页面直接写form表单：

<form method="post">
    <label>用户名:</label><input type="text" name="username"><br>
   <label>密码:</label><input type="password" name="password"><br>
    <label>确认密码:</label><input type="password" name="password2"><br>
    <input type="submit" value="提交"><br>
    {#使用遍历获取闪现的消息#}
    {% for message in get_flashed_messages() %}
        {{ message }}
    {% endfor %}

</form>

建立简单的登陆表单：

from flask import Flask,render_template,request,flash

app = Flask(__name__)
#flask—>需要对内容加密，需要设置secret_key,做消息的加密
app.secret_key='ithm'

#目的：实现一个简单的登录逻辑处理

@app.route('/',methods=['GET','POST'])
def index():

    #1.路由需要有get和post两种请求方式 –->需要判断请求方式
    if request.method == 'POST':
    
        #2.获取请求的参数
        username = request.form.get('username')
        password = request.form.get('password')
        password2 = request.form.get('password2')
        print(username,password,password2)

        #3.判断参数是否填写&密码是否相同
        if not all([username,password,password2]):
            #给模板传递消息，模板需要遍历消息
            flask('buwangzheng')
        elif password != password2:
            flask('mimabuyizhi')
        else:
            #4.如果判断没问题，就返回一个success
            return 'success'

    return render_template('index.html')


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

2.1.WTE表单的显示

from flask import Flask,render_template,request,flash
#首先要导进Flask-WTF扩展
from flask_wtf import FlaskForm
from wtforms import StringField,PasswordField,SubmitField

app = Flask(__name__)
app.secret_key='ithm'

#使用WTF实现表单，自定义表单类
class LoginForm(FlaskForm):
    username = StringField('name:')
    password = PasswordField('passwword:')
    password2 = PasswordField('repassword:')
    submit = SubmitField('submit')


@app.route('/form',methods=['GET','POST'])
def login():
    login_form = LoginForm()
    return render_template('index.html',form = login_form)

模板页面

<form method="post">
     {#使用label引入标签#}
    {{ form.username.label }}{{ form.username }}<br>
    {{ form.password.label }}{{ form.password }}<br>
    {{ form.password2.label }}{{ form.password2 }}<br>
    {{ form.submit }}<br>
</form>

2.1.WTE表单的逻辑验证
WTForms 是一个非常好用而且强大的表单校验和渲染的库，提供 Form 基类用于定义表单结构（类似 ORM），内置了丰富的字段类型和校验方法，可以很方便的用来做校验。如果应用需要输出 HTML，集成到模板里也很容易。对于 JSON API 应用，用不到渲染的功能，但是结构化的表单和校验功能依然非常有用。

from flask import Flask,render_template,request,flash
from flask_wtf import FlaskForm
from wtforms import StringField,PasswordField,SubmitField
from wtforms.validators import DataRequired,EqualTo

app = Flask(__name__)
app.secret_key='ithm'

class LoginForm(FlaskForm):
    username = StringField('name:',validators=[DataRequired()])
    password = PasswordField('passwword:',validators=[DataRequired()])
    password2 = PasswordField('repassword:',validators=[DataRequired(),EqualTo('password','mimayouwu')])
    submit = SubmitField('submit')


@app.route('/form',methods=['GET','POST'])
def login():
    login_form = LoginForm()
    #1.判断请求方式
    if request.method == 'POST':

       #2.获取请求的参数
        username = request.form.get('username')
        password = request.form.get('password')
        password2 = request.form.get('password2')
 
        #3.验证参数，WTF可以一句话就实现所有的校验
        if login_form.validate_on_submit():
            print(username,password,password2)
            return 'success'
        else:
            flash('cangshuyouwu')
    return render_template('index.html',form = login_form)


@app.route('/',methods=['GET','POST'])
def index():

    if request.method == 'POST':
        username = request.form.get('username')
        password = request.form.get('password')
        password2 = request.form.get('password2')
        print(username,password,password2)

        if not all([username,password,password2]):
            flash(u'buwangzheng')
        elif password != password2:
            flash(u'mimabuyizhi')
        else:
            return 'success'

    return render_template('index.html')


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

<form method="post">
     {#WTF需要使用CSRF_token#}
    {{ form.csrf_token() }}
    {{ form.username.label }}{{ form.username }}<br>
    {{ form.password.label }}{{ form.password }}<br>
    {{ form.password2.label }}{{ form.password2 }}<br>
    {{ form.submit }}<br>
</form>