第三讲一小时学会Flask框架（三）

案例解析

基础数据

上节课我们分析出来的三国人物的频次的分析的结果是:

role_name = ["孔明", "玄德", "曹操", "云长", "张飞", "孙权", 
"吕布", "赵云", "司马懿", "孔明","周瑜"]
counts = [1204, 1159, 910, 749, 340, 259, 258, 254, 221, 216]

更改app.py

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def shou_line():

    role_name = ["孔明", "玄德", "曹操", "云长", "张飞", 
                          "孙权", "吕布", "赵云", "司马懿", "孔明","周瑜"]
    counts = [1204, 1159, 910, 749, 340, 259, 258, 254, 221, 216]
    return render_template('bar.html', role_name=role_name, counts=counts)

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

更改bar.html

1. 首先修改echarts引入文件
   和之前引入js的方式不同，Jinja2引入js文件使用url_for的方式

• 静态文件引入：{{ url_for('static', filename='文件路径') }}
• 定义路由：{{ url_for('模块名.视图名'，变量=参数) }}
• 定义数据块：{% block 数据块名称 %}...{% endblock %}
• 继承模板：{% extends "home/home.html" %}
• 包含模板： {% include "home/menu.html" %}

2. 使用Jinjia2模板语法修改bar.html的数据值

运行app.run()文件
访问http://127.0.0.1:5000/漂酿的结果展示出来了