45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:前端(Jinja2)

前端(Jinja2)

2019-03-27 07:09:04 来源:www.45fan.com 【

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()
 
 

本文地址:http://www.45fan.com/dnjc/99707.html
Tags: 前端 模板 Jinja2
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部