1 访问地址约定
在访问路径的末尾是否需要加 / -> 可以加，也可以不加
前端的访问路径必须和后端的路径完全匹配才能够访问成功，如果我们在后台的路径都是以 / 结尾，但是我们的访问路径是没有以 / 结尾仍然能够访问成功的原因是后台为我们进行了重定向处理（即：当我们访问路径不以 / 结尾时，在后台的是以 / 结尾时，他们是不匹配的；此时后台就会自动将前端的请求路径重定向到后台以 / 结尾的那个路由中去，给使用者的感觉就是浏览器自动在路径的末尾添加了 / ，然而并不是这样的，真正的原理是在后台使用了重定向机制）
2 单独使用 jinjia2 模板
2.1 利用pip下载jinja2模板
很简单，三少就不再进行演示啦
2.2 导入需要用到的类
from jinja2 import Template, Environment
2.3 创建Template对象
template = Template('Hello {{name}}. Welcom to the city of {{city}}.') # 创建模板对象
2.4 渲染模板对象（往模板中填数据）
方法一：
print(template.render(name='Warrior', city='重庆')) # 渲染模板对象
方法二：
print(template.render({
'name': 'Fury',
'city': '渝足'
}))
def render(self, *args, **kwargs): """This method accepts the same arguments as the `dict` constructor: A dict, a dict subclass or some keyword arguments. If no arguments are given the context will be empty. These two calls do the same:: template.render(knights='that say nih') template.render({'knights': 'that say nih'}) This will return the rendered template as unicode string. """ vars = dict(*args, **kwargs) try: return concat(self.root_render_func(self.new_context(vars))) except Exception: exc_info = sys.exc_info() return self.environment.handle_exception(exc_info, True)
2.5 Environment对象的作用
Environment对象就相当于Flask对象的config属性，用来进行一些配置的
2.5.1 创建Environment对象
environment = Environment() # 创建Environment对象,该对象类似于Flask对象的config属性,是用来进行配置的
2.5.2 Environment对象globals属性
print(type(environment.globals)) # 查看Environment对象globals属性的类型
2.5.3 更新Environment对象globals属性
environment.globals.update({ # 更新Environment对象globals属性
'name02': 'Zeus',
'city02': '广东'
})
2.5.4 利用Environment对象创建Template对象
template02 = environment.from_string('你是{{name02}}吗？来自{{city02}}吗？') # 利用Environment创建对象
2.5.5 渲染利用Environment对象创建的Template对象
template02.render()
注意：这里渲染时没有传入参数，那是因为参数已经在通过Envrionment对象的globals属性中啦
2.6 模板的意义
直接读取HTML文件
可以字符串格式化HTML文件内容
可以进行流程控制（if for）
可以面向对象设计模板（继承和重写）
from jinja2 import Template, Environment template = Template('Hello {{name}}. Welcom to the city of {{city}}.') # 创建模板对象 # print(template.render(name='Warrior', city='重庆')) # 渲染模板对象 print(template.render({ 'name': 'Fury', 'city': '渝足' })) environment = Environment() # 创建Environment对象,该对象类似于Flask对象的config属性,是用来进行配置的 print(type(environment.globals)) # 查看Environment对象globals属性的类型 print(environment.globals) # 打印Environment对象globals属性 environment.globals.update({ # 更新Environment对象globals属性 'name02': 'Zeus', 'city02': '广东' }) print(environment.globals) # 打印更新后的Environment对象globals属性 template02 = environment.from_string('你是{{name02}}吗？来自{{city02}}吗？') # 利用Environment创建对象 print(template02.render()) # 如果，我的Flask使用environment类配置一些东西，例如配置了globals； # 那么，flask中的一些已经通过environment对象配置好的常用的东西可以直接在模板中使用 # 模板可以通过给我们的东西 # 可以直接读HTML文件 # 可以字符串格式化HTML文件内容（我们准备在HTML文件里面挖坑啦） # 还可以进行流程控制，if for # 面向对象来设计模板（继承和重写）
3 利用 Jinja2 渲染模板的步骤
生成一个template模板（挖坑）
template = Template('Hello {{name}}')
渲染这个模板（填坑）
template.render(name='warrior')
3.1 利用 flask 框架提供的方法实现渲染模板
方法一
resp = render_template_string('Hello {{name}}.', **content)
创建了一个模板，而且已经将数据填入到这个模板中去啦；最后render_template_string方法将这个填入数据后的模板以字符串的形式赋值给resp变量
方法二
resp = render_template('basic_template.html', name='Warrior')
引入了一个模板，而且已经将数据填入到这个模板中去啦；最后render_template方法将这个填入数据后的模板以字符串的形式赋值给resp变量
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本使用</title> </head> <body> <h2>测试模板</h2> <h3>开发人员姓名为：{{name}}</h3> </body> </html>
from flask import Blueprint from flask import render_template_string, render_template bp_basic = Blueprint('basic', __name__, subdomain='basic') @bp_basic.route('/string/') def basic_string(): content = { 'name':'Warrior' } resp = render_template_string('Hello {{name}}.', **content) print(type(resp)) # render_template_string方法返回的是一个字符串对象 return resp @bp_basic.route('/html/') def basic_html(): resp = render_template('basic_template.html', name='Warrior') print(type(resp)) # render_template方法返回的是一个字符串对象 return resp
from flask import Blueprint from flask import render_template_string, render_template bp_basic = Blueprint('basic', __name__, subdomain='basic') @bp_basic.route('/string/') def basic_string(): content = { 'name':'Warrior' } resp = render_template_string('Hello {{name}}.', **content) print(type(resp)) # render_template_string方法返回的是一个字符串对象 return resp @bp_basic.route('/html/') def basic_html(): resp = render_template('basic_template.html', name='Warrior') print(type(resp)) # render_template方法返回的是一个字符串对象 return resp
4 在模板中使用全局变量
能够在模板中直接使用一些变量，是因为 falsk 框架将 Jinja2 的Environment对象的的globals属性进行了更新
Flask内部使用了Environt去配置了一些东西，其中包括一些全局变量和一些默认的上下文，例如：request, config, url_for，所以我们可以在模板中直接使用这些东西
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全局变量</title> </head> <body> <h2>config</h2> <P>{{config }}</P> <hr /> <h2>url_for</h2> <p>{{ url_for }}</p> <hr /> <h2>request</h2> <p>{{ request }}</p> </body> </html>
from flask import Blueprint from flask import render_template bp_global = Blueprint('global', __name__, subdomain='global') @bp_global.route('/global/') def test(): resp = render_template('global_template.html') print(type(resp)) return resp
from flask import Flask from flask import make_response # from basic_bluprint import bp_basic # 导入蓝图对象 from global_blueprint import bp_global app = Flask(__name__) app.config['SERVER_NAME'] = 'template.com:5000' # 设置域名访问 # app.register_blueprint(bp_basic) # 注册蓝图 app.register_blueprint(bp_global) @app.route('/') def index(): resp = make_response('测试主页面') return resp print(app.url_map) if __name__ == '__main__': app.run(debug=True)
5 上下文处理器
是一个钩子，通常用于登录、注册
注意：在蓝图对象定义的上下文处理器仅仅对该蓝图有效；利用flask对象定义的上下文处理器对该应用都有效
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上下文变量</title> </head> <body> <p> 姓名:{{ name }} </p> <p> 地址：{{ city }} </p> </body> </html>
from flask import Blueprint from flask import render_template # from flask import context_processor bp_context = Blueprint('context', __name__, subdomain='context') @bp_context.context_processor def context_processor(): pre_context = { 'name': 'Fury', 'city': '重庆' } return pre_context # 上下文处理器中定义的一些数据，可以直接在上下文模板中使用 @bp_context.route('/context/') def test(): resp = render_template('context_template.html') print(type(resp)) return resp
from flask import Flask from flask import make_response # from basic_bluprint import bp_basic # 导入蓝图对象 # from global_blueprint import bp_global from context_blueprint import bp_context app = Flask(__name__) app.config['SERVER_NAME'] = 'template.com:5000' # 设置域名访问 # app.register_blueprint(bp_basic) # 注册蓝图 # app.register_blueprint(bp_global) app.register_blueprint(bp_context) @app.route('/') def index(): resp = make_response('测试主页面') return resp print(app.url_map) if __name__ == '__main__': app.run(debug=True)
5.1 访问字典的属性和键值对
加入 var 是一个字典对象，该对象有一个键值对name，有一个属性name；我们在模板中可以通过 {{var.name}}访问属性，可以通过{{var['name']}}访问键值对
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模板表达式</title> </head> <body> <h2>字符串字面量</h2> <p>{{ 'Hello Boy' }}</p> <h2>运算字面量</h2> <p>{{ 3 / 2 }}</p> <h2>列表字面量</h2> <p>{{ ['hello',123,'boy'] }}</p> <h2>元组字面量</h2> <p>{{ 'hello', 321, 'warrior' }}</p> <p>{{ ('hello', 321, 'warrior') }}</p> <h2>字典字面量</h2> <p>{{ {'name':'zeus', 'city':'重庆'} }}</p> <h2>布尔字面量</h2> <p>{{ ture, false }}</p> <h2>None字面量</h2> <p>{{ none }}</p> <div> <h1>测试字典的属性访问和键值访问</h1> <p>访问字典的属性：{{ variable.name }}</p> {# 先访问名字为name的属性，如果没有对应的name属性就去访问名字为name的键值对#} <p>访问字典的键值对：{{ variable['name'] }}</p> {# 先访问名字为name的键值对，如果没有对应的name键值对就去访问名字为name的属性#} </div> </body> </html>
from flask import Blueprint from flask import render_template bp_expression = Blueprint('expression', __name__, subdomain='expression') @bp_expression.route('/expression/') def test(): class myDict(dict): # 由于原生的dict创建的类不可以修改，所以我们编写一个类继承dict类;利用这个类创建的对象就可以进行修改啦 pass variable = myDict(name = 'fury') # 创建一个字典对象，并且该对象中有一个名字为name的键值对 variable.name = 'warrior' # 为字典对象增加一个属性 resp = render_template('expression_template.html', variable = variable) print(type(resp)) return resp
from flask import Flask from flask import make_response # from basic_bluprint import bp_basic # 导入蓝图对象 # from global_blueprint import bp_global # from context_blueprint import bp_context from expression_bluprint import bp_expression app = Flask(__name__) app.config['SERVER_NAME'] = 'template.com:5000' # 设置域名访问 # app.register_blueprint(bp_basic) # 注册蓝图 # app.register_blueprint(bp_global) # app.register_blueprint(bp_context) app.register_blueprint(bp_expression) @app.route('/') def index(): resp = make_response('测试主页面') return resp print(app.url_map) if __name__ == '__main__': app.run(debug=True)