Python day42_Flask入门

2018-07-05 本文已影响0人 g_s_007

模板代码复用

在模板中，可能会遇到以下情况：

多个模板具有完全相同的顶部和底部内容
多个模板中具有相同的模板代码内容，但是内容中部分值不一样
多个模板中具有完全相同的 html 代码块内容

像遇到这种情况，可以使用 JinJa2 模板中的宏、继承、包含来进行实现

包含

包含(Include)：它的功能是将另一个模板整个加载到当前模板中，并直接渲染

上代码：

Python部分：

@app.route('/index4')
def index4():
    return render_template('04_index.html')

04_index.html 部分

<p>这是一个p标签</p>
<p>包含在使用时，如果包含的模板文件不存在时，
    程序会抛出TemplateNotFound异常，
    可以加上 ignore missing 关键字。
    如果包含的模板文件不存在，
    会忽略这条include语句</p>
# include.html 将要加载过来的html文件
{% include 'include.html' ignore missing %}
<p>这是第二个p标签</p>
</body>

include.html部分

<body>
    <ul>
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
        <li>列表4</li>
    </ul>
</body>

模板继承

模板继承是为了重用模板中的公共内容。一般Web开发中，继承主要使用在网站的顶部菜单、底部。这些内容可以定义在父模板中，子模板直接继承，而不需要重复书写。

相当于在父模板中占个位置，当子模板继承父模板时，可以进行填充。
子模板使用 extends 指令声明这个模板继承自哪个模板
父模板中定义的块在子模板中被重新定义，在子模板中调用父模板的内容可以使用super()

实例：

python部分：

@app.route('/index2')
def index2():
    return render_template('02_index.html')


父模板部分：base.html

<p>这是网页顶部内容</p>
# 用block 占位 用center(可以任意起名) 声明这段内容
{% block center %}
    <p>这是父模板的中间内容</p>
{% endblock %}
<p>这是网页底部内容</p>

字模板部分：02_index.html

<body>
# 用extends 声明这个模板继承自哪个html文件
{% extends 'base.html' %}
# 用block重写 center 这段的内容，如果想要父类内容，用super()继承
{% block center %}
    {{ super() }}
    <p>这是子模板的中间部分</p>
{% endblock %}
</body>

宏

宏(macro)：

把它看作 Jinja2 中的一个函数，它会返回一个模板或者 HTML 字符串
为了避免反复地编写同样的模板代码，出现代码冗余，可以把他们写成函数以进行重用
需要在多处重复使用的模板代码片段可以写入单独的文件，再包含在所有模板中，以避免重复

实例：

#在macro.html中定义一个form表单 input函数


{% macro input(label = "",type = "text",name = "",value = "") %}
     <label>{{ label }}</label><input type="{{ type }}" name="{{ name }}" value="{{ value }}"><br/>
{% endmacro %}

#在06_index.html中引入macro.html

{% import 'macro.html' as func %}

#在06_index.html中使用模板

<form>
    {{ func.input('用户名:',name='username') }}
    {{func.input('身份证号：',name='idcard') }}
{{ func.input('密码：',type="password",name='password') }}
    {{ func.input('确认密码：',type="password" ,name="password2") }}
    {{ func.input(type="submit",value="注册") }}
</form>

#python 部分：
    
@app.route('/index6')
def index6():
    return render_template('06_index.html')

模板中特有的变量和函数

config
request
session
g变量
url_for()

get_flashed_messages()

  html 部分：
  
  <body>
  {{ config['DEBUG']}} <br>
  {{ config }} <br>
  {{ url_for }} <br>
  {{ request }} <br>
  {#url_root: url_root: http://127.0.0.1:5000/ #}
  {{ request.url_root }} <br>
  {#url_rule: url_rule: /index7 #}
  {{ request.url_rule }} <br>
  {#url: url: http://127.0.0.1:5000/index7 #}
  {{ request.url }} <br>
  {{ session.get('name') }} <br>
  {#g变量的name :#}
  {{ g.name }} <br>
  #url_for会根据传入的路由器函数名,返回该路由对应的URL
  #在模板中始终使用url_for()就可以安全的修改路由绑定的URL
  #不比担心模板中渲染出错的链接
  <a href="{{ url_for('log',mobile = 123) }}">登录</a> <br>
  {#获取闪现消息:#}
  {% for message in get_flashed_messages() %}
  {{ message }}
  {% endfor %}
  
  </body>
  
  Python部分：
  # 需要导入模块：g,session,flash
  @app.route('/index7')
  def index7():
  g.name = 'lisi'
  return render_template('07_index.html')
  app.secret_key = 'wangwu'
  # 要获得session 的值 首先需要设置session的值
  @app.route('/set_session')
  def set_seesion():
  session['name'] = 'zhangsan'
  return 'set session'
  
  @app.route('/login/<int:mobile>')
  def log(mobile):
  return 'login: %s' % mobile
  # 使用闪现消息的时候必须要添加秘钥 app.secret_key 
  # 因为flash会往session里面存取
  @app.route('/set_flash')
  def set_flash():
  flash('这是闪现消息')
  return 'set_flash'

web表单

Web 表单是 Web 应用程序的基本功能。

它是HTML页面中负责数据采集的部件。表单有三个部分组成：表单标签、表单域、表单按钮。表单允许用户输入数据，负责HTML页面数据采集，通过表单将用户输入的数据提交给服务器。

在Flask中，为了处理web表单，我们可以使用 Flask-WTF 扩展，它封装了 WTForms，并且它有验证表单数据的功能

08.JPG

09.JPG

使用 Flask-WTF 需要配置参数 SECRET_KEY。

CSRF_ENABLED是为了CSRF（跨站请求伪造）保护。 SECRET_KEY用来生成加密令牌，当CSRF激活的时候，该设置会根据设置的密匙生成加密令牌。

Python day42_Flask入门

模板代码复用

包含

模板继承

宏

模板中特有的变量和函数

web表单

猜你喜欢

热点阅读