1. 什么是Jinja2模板引擎
python的Web开发中, 业务逻辑(实质就是视图函数的内容)和页面逻辑(html文件)分开的, 使得代码的可读性增强, 代码容易理解和维护;
模板渲染: 在html文件中,通过动态赋值,将重新翻译好的html文件(模板引擎生效) 返回给用户的过程。
2. 语法
2.1 Jinja2变量显示语法: {{ 变量名 }}
# 完整的过滤器查看位置: http://jinja.pocoo.org/docs/templates/#builtin-filters
Jinja2变量内置过滤器:
safe 渲染值时不转义
capitalize 把值的首字母转换成大写,其他字母转换成小写
lower 把值转换成小写形式
upper 把值转换成大写形式
title 把值中每个单词的首字母都转换成大写
trim 把值的首尾空格去掉
striptags 渲染之前把值中所有的 HTML 标签都删掉
2.2 for循环:
{% for i in li%}
{% endfor %}
2.3 if语句:
{% if user == 'westos'%}
{% elif user == 'hello' %}
{% else %}
{% endif%}
2.4 宏的操作,相当于函数:
{% macro render(id) %}
<h1>hello world {{ id }}</h1>
{% endmacro %}
2.5 调用定义好的宏(类似于python中的函数):
{{ render(1) }}
{{ render(2) }}
{{ render(3) }}
2.6 include包含操作:
{% include inclued.html"%}
2.7 模板的继承: 一般网站的导航栏和底部不会变化, 为了避免重复编写导航栏信息
2.7.1 定义模板:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %} {% endblock %}</title>
</head>
<body>
<div style="width: 100px; height: 200px" > 这是导航栏</div>
{% block body %}
hello
{% endblock %}
<div style="width: 100px; height: 200px" >这是底部</div>
</body>
</html>
2.7.2 继承模板:
{% extends '06_base.html'%}
3. flask项目静态文件导入
<link href="/static/css/bootstrap.css" rel="stylesheet">
<link href="{{ url_for('static', filename="css/bootstrap.css") }}"
rel="stylesheet">
4. flask链接的导入
<a href="/register/">注册</a>
<a href="{{ url_for('login') }}">登录</a>
# 根据视图函数动态的去查找路径;
<a href="{{ url_for('delete', username="root") }}">删除</a> === /delete/root/
5. 消息闪现
5.1 什么是消息闪现:
flash("闪现的消息")是Flask的核心特性。用于在下一个响应中显示一个消息,让用户知道状态发生了变化。可以使确认消息,
警告或者错误提醒。
5.2 消息闪现工作原理:
闪现系统使得在一个请求结束的时候记录一个信息,然后在且仅在下一个请求中访问这个数据。
5.3 html代码中如何调用闪现内容:
仅调用flash()函数并不能把消息显示出来,程序使用的模板要渲染这些消息。
Flask把get_flashed_messages()函数开放给模板,用来获取并渲染消息。
5.4 让每个页面都可以获取闪现信息闪现:
{% for item in get_flashed_messages() %}
<div class="alert alert-warning alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
{{ item }}
</div>
{% endfor %}
6. session信息的使用
6.1 什么是session信息:
服务端缓存
6.2 session的作用:
Session 对象存储特定用户会话所需的属性及配置信息。这样,当用户在应用程序的 Web 页之间跳转时,
存储在 Session 对象中的变量将不会丢失,而是在整个用户会话中一直存在下去。当用户请求来自应用程序的
Web 页时,如果该用户还没有会话,则 Web 服务器将自动创建一个 Session 对象。当会话过期或被放弃后,
服务器将终止该会话。Session 对象最常见的一个用法就是存储用户的首选项。
6.3 session值的设置、获取及删除:
session['name'] = 'hello world'
session.get('name')
session.pop('name')
6.4 判断用户是否登陆成功:
from _curses import flash
from functools import wraps
from flask import session, redirect, url_for
def is_login(f):
"""用来判断用户是否登录成功"""
@wraps(f)
def wrapper(*args, **kwargs):
# 判断session对象中是否有seesion['user'],
# 如果包含信息, 则登录成功, 可以访问主页;
# 如果不包含信息, 则未登录成功, 跳转到登录界面;;
if session.get('user', None):
return f(*args, **kwargs)
else:
flash("用户必须登录才能访问%s" % (f.__name__))
return redirect(url_for('login'))
return wrapper
6.5 判断用户是否为管理员:
from _curses import flash
from functools import wraps
from flask import session, redirect, url_for
def is_admin(f):
"""用来判断用户是否登录成功"""
@wraps(f)
def wrapper(*args, **kwargs):
# 判断session对象中是否有seesion['user']等于root,
# 如果等于, 则为管理员, 可以访问;
# 如果不等于, 则不是管理员, 跳转到登录界面;;
if session.get('user', None) == 'root':
return f(*args, **kwargs)
else:
flash("只有管理员root才能访问%s" % (f.__name__))
return redirect(url_for('login'))
return wrapper
7. Flask中集成Bootstrap
7.1 Flask中如何集成Bootstrap:
使用 pip 安装Flask_Bootstrap
from flask.ext.bootstrap import Bootstrap
bootstrap = Bootstrap(app)
7.2 Flask-Bootstrap实现了什么:
利用 Jinja2 的模板继承机制,让程序扩展一个具有基本页面结构的基模板,其中就有用来引入 Bootstrap 的元素。
{ % extends "bootstrap/base_other.html" % }
基模板中定义了可在衍生模板中重定义的块。
块名 说 明
doc 整个 HTML 文档
html_attribs <html> 标签的属性
html <html> 标签中的内容
head <head> 标签中的内容
title <title> 标签中的内容
metas 一组 <meta> 标签
styles 层叠样式表定义
body_attribs <body> 标签的属性
body <body> 标签中的内容
navbar 用户定义的导航条
content 用户定义的页面内容
scripts 文档底部的 JavaScript 声明
程序需要向已经有内容的块中添加新内容,必须使用 Jinja2 提供的 super() 函数,先执行块中原有的内容,后执行自己写的内
容,根据距离优先原则,会将块中原有的部分内容替换为自己写的内容,完成对块中内容的添加及替换。
{% block scripts %}
{{ super() }}
<script type="text/javascript" src="my-script.js"></script>
{% endblock %}
8. Flask中集成web表单处理
8.1 什么是表单处理:
在网页中,为了和用户进行信息交互总是不得不出现一些表单。flask设计了WTForm表单库来使flask可以更加简便地管理操作
表单数据。
WTForm中最重要的几个概念如下:
1). Form类,开发者自定义的表单必须继承自Form类或者其子类。
Form类最主要的功能是通过其所包含的Field类提供对表单内数据的快捷访问方式。
2). 各种Field类,即字段。一般而言每个Field类都对应一个input的HTML标签。比如WTForm自带的一些Field类,比如
BooleanField就对应<input type="checkbox">,
SubmitField就对应<input type="submit">等等。
3). Validator类。这个类用于验证用户输入的数据的合法性。
比如Length验证器可以用于验证输入数据的长度,
FileAllowed验证上传文件的类型等等。
另外,flask为了防范csfr(cross-site request forgery)攻击,默认在使用flask-wtf之前要求app一定要设置过secret_key。最简
单地可以通过app.config['SECRET_KEY'] = 'xxxx'来配置。
常见的Field类
PasswordField 密码字段,自动将输入转化为小黑点
DateField 文本字段,格式要求为datetime.date一样
IntergerField 文本字段,格式要求是整数
DecimalField 文本字段,格式要求和decimal.Decimal一样
FloatField 文本字段,值是浮点数
BooleanField 复选框,值为True或者False
RadioField 一组单选框
SelectField 下拉列表,需要注意一下的是choices参数确定了下拉选项,但是和HTML中的<select> 标签一样,其是一
个tuple组成的列表,可以认为每个tuple的第一项是选项的真正的值,而第二项是alias。
MultipleSelectField可选多个值的下拉列表
8.2 flask-wtf的使用流程
1). 编写forms.py文件, 定义一个关于表单的类;(***注意: 一定要有提交的按钮);
2). 业务逻辑文件app.py中,
- 实例化表单类; form = RegisterForm()
- 验证表单内容是否提交成功? form.validate_on_submit():
- 获取表单里面的内容(两种方法):
- 通过request对象获取: request.form['key值'];
- 通过form对象获取: form.key值.data
3). 表现逻辑文件wtf.html中:
- 导入wtf模块: {% import "bootstrap/wtf.html" as wtf %}
- 自动生成表单对应的html: {{ wtf.quick_form(form) }}
9. Flask中集成邮件发送
from flask_mail import Mail, Message
from flask import Flask, render_template
app = Flask(__name__)
# 配置发送邮件的相关信息;
# 指定邮件服务器的域名或者IP
app.config['MAIL_SERVER'] = '邮件服务器域名或IP'
# 指定端口, 默认25, 但qq邮箱默认端口号为465或587;
app.config['MAIL_PORT'] = 465
app.config['MAIL_USE_SSL'] = True
app.config['MAIL_USERNAME'] = '发送者邮箱名称(QQ邮箱为QQ号)'
# 此处的密码并非邮箱登录密码, 而是开启pop3
app.config['MAIL_PASSWORD'] = "个人密码"
def send_mail(to, subject, info):
mail = Mail(app)
msg = Message(subject=subject,
sender='976131979@qq.com',
recipients=to,
body=info
)
with app.app_context():
mail.send(msg)
send_mail(to=['976131979@qq.com', '2287236639@qq.com'], subject="邮件主题",
info="邮件正文")
if __name__ == '__main__':
app.run()