《flask Web 开发》读书笔记 & chapter 3

• 概念剖析
  • jinja2初试
  • jinjia2 传入复杂变量
  • 常用过滤器
  • 模板中的 block 和继承机制
• 使用 Flask-Bootstrap 集成 Twitter Bootstrap
  • 安装flask-bootstrap
  • 初试flask-bootstrap
  • FLask-Boostarp基模板定义的块
  • 自定义错误处理模块
  • 创建url的辅助函数
  • 静态文件
  • 使用 Flask-Moment 本地化日期和时间

概念剖析

• (Model View Control) 表现层、业务层与模型层分离机制，而模板用来管理表现层。
• 模板是一个包含相应文本的文件，其中的动态部分用占位量表示，占位量的具体值只有在请求上下文中才知道。使用真实值替换相应字符。

jinja2初试

• 创建模板文件夹templates,创建模板文件index.html,user.html
• index.html 输入

  hello world!

• index.html 输入

  hello {{ name }}!

• hello.py 文件

from flask import Flask, render_template
from flask_script import Manager

app = Flask(__name__)
manager = Manager(app)

# 路由的基本用例
@app.route('/')
def index():
    return render_template( 'index.html' )

# 动态路由的基本用例
@app.route('/user/')
def user(name):
    ## 使用 jinja2 模板引擎，传入键值对，关键字参数
    return render_template('user.html', name=name)

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

• 提交到仓库git add hello.py, readme.md templates,git commit -m "jinja2 first demo"
• 创建标签 git tag 3a

jinjia2 传入复杂变量

Flask中Jinja2模板引擎详解(一)–控制语句和表达式

@app.route('/hello/')
def hello(name=None):
    if name == 'world':
        name = 'World'
    return render_template('hello-1.html', name=name, digits=[1,2,3,4,5],
                           users=[{'name':'John'},
                                  {'name':'Tom', 'hidden':True},
                                  {'name':'Lisa'},
                                  {'name':'Bob'}])

模板示例：

{% for user in users if not user.hidden %}
  {% if loop.first %}
    
User List:
    
Deep: {{ loop.depth }}
    {% continue %}
  {% endif %}
  

  
User No {{ loop.index }}:
  
{{ user.name }}
  
  {% if loop.last %}
    
Total Users: {{ loop.length }}
  {% endif %}
{% else %}
  
No users found
{% endfor %}

常用过滤器

过滤器名	说明
safe	渲染时不转义
capitalize	首字母大写
lower	转换小写
upper	转换大写
title	每个单词的首字母大写
trim	删除首尾空格
striptags	删除所有的HTML标签

模板语法 {{ name|capitalize }}
git commit -m "jinja2 filter", git tag 3b

模板中的 block 和继承机制

base.html 文件

    {% block head %}
    
    {% endblock %}
    


   {% block body %}
   {% endblock %}

user.html 文件

{% extends "base.html" %}

{% block title %} Index {% endblock %}


{% block head %}
  {{ super() }}
{% endblock %}

{% block body %}
  
 Hello {{ name|capitalize }} ! 
{% endblock %}

git add., git commit -m "Jinja2 block and inhert"
git tag 3c

使用 Flask-Bootstrap 集成 Twitter Bootstrap

Bootstrap中文教程

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

安装flask-bootstrap

pip install flask-bootstrap

初始化 Flask-Bootstrap之后，就可以在程序中使用一个包含所有Bootstrap文件的基模板，这个模板采用Jinja2的模板继承机制，让程序扩展一个具有基本页面结构的基模板
Bootstrap入门教程

from flask.ext.bootstrap import Bootstrap
# ...
bootstrap = Bootstrap( app )

采用Bootstrap的 user.html

初试flask-bootstrap

{% extends "bootstrap/base.html" %}

{% block title %} Flasky {% endblock %}
{% block navbar %}



    

    
    

        Flasky
    
    
    

        

            
zhanghl
            
zhanglm
        
    
    

{% endblock %}


{% block content %}

    

        
 Hello, {{name}}
    

{% endblock %}

git add., git commit -m "Jinja2 bootstrap first demo"
git tag 3d

FLask-Boostarp基模板定义的块

block名	说明
doc	整个 html 文档
html_attribs	标签属性
html	标签中的内容
head	标签中的内容
title