前端(Jinja2)

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">&times;</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()

没有更多推荐了,返回首页