render_template

需要导入render_template；
接着在return的时候结果是render_template(‘xx.html’,xxx)

这个函数的第一
个参数是模板的文件名，随后的参数都是键 – 值对，表示模板中变量对应的具体值。

传递变量

即上面的xxx，传递的变量可以是普通变量，也可以是字典

普通变量

在html文件参数的后面，对应的是html中的变量名称和关联的视图函数中的变量名称

视图函数中定义：

  1. @index_page.route('/template')    
  2. def  template():
  3.     name = "juha"
  4.     return render_template ('index.html',name = name)

HTML中修改：

Jinjia2模板 - 图1

Jinjia2模板 - 图2

字典值

也可以通过字典**dict_name传值
默认情况下，视图函数中的变量名称就是字典中的变量名称。

视图函数中定义：

  1. @index_page.route('/template')    
  2. def  template():
  3.     context = {'name' : "juha",'age':25}
  4.     return render_template ('index.html',**context)

HTML修改：

Jinjia2模板 - 图3
Jinjia2模板 - 图4

流程控制

判断if

在HTML文件中编写
{% if 对象名%}
{{对象名.变量名}}
{% endif %}

循环for

{% for xx xx %}
xxxx
{% endfor %}

  1. @index_page.route('/template')    
  2. def  template():
  3.     context = {}
  4.     context['user'] = {'name' : "juha",'age':25}
  5.     context['subject'] = ['english','math','Chinese']
  6.     return render_template ('index.html',**context)

Jinjia2模板 - 图5
结果：
Jinjia2模板 - 图6

这里我遇到一个问题，就是context必须要提前定义为字典？
因为没有加context = {}时，访问网页就报错。

Jinjia2模板 - 图7

模板继承

模板继承允许构建一个包含站点共同元素的基本模板骨架，并定义子模块可以覆盖的块。

buleprint文件：

  1. @index_page.route('/extend_template')    
  2. def  extend_template():
  3.     return render_template ('extend_template.html')

在template目录下建一个common文件夹，然后创建一个layout.html文件：

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title></title>
  5. </head>
  6. <h1>我是统一模板</h1>
  7. <body>
  8. {% block content %} {% endblock%}
  9. </body>
  10. </html>

在template目录下直接创建一个文件extend_template.html

  1. {% extends "common/layout.html" %}
  3. {% block content %}
  4. 我是子页面模板文件~
  5. {% endblock %}

然后访问：[http://127.0.0.1:5000/learning/extend_template](http://127.0.0.1:5000/learning/extend_template)很有趣的事情发生了

Jinjia2模板 - 图8

结合SQLAlchemy联通数据库

需要安装flask_sqlalchemy和mysqlclient【mysqlclient性能更好，装不了就用pymysql】

如果直接写数据库的信息在核心文件中,并且没有安装mysqlclient和pymysql的话。
app.config['SQLALCHEMY_DATABASE_URI'] = "mysql://xx:123456@xxxx/mysql"
会报错：
Jinjia2模板 - 图9
这里实际上我已经安装了pymysql了

结合另一个课程，发现这里有个默认的数据库驱动，于是手动把config改为了：
app.config['SQLALCHEMY_DATABASE_URI'] = "mysql+pymysql://xx:123456@xxxx/mysql"
然后，就正确了。

避免文件循环引用的问题，需要将文件分层。

启动文件、路由注册文件和核心变量文件。
这里有点需要注意，就是启动文件中要导入注册文件中的信息。

改完后的文件组成如下：

Jinjia2模板 - 图10

application.py

  1. from flask import Flask
  2. from flask_sqlalchemy import SQLAlchemy
  4. app = Flask(__name__)
  7. app.config['SQLALCHEMY_DATABASE_URI'] = "mysql+pymysql://xxx:123456@xxx/mysql"
  9. db = SQLAlchemy(app)

run.py

  1. from application import app
  2. from register import *
  5. @app.route('/')
  6. def hello():
  7.     return "hello, home page"
  9. if __name__ == '__main__':
  10.     app.run(debug=True,host='0.0.0.0')

register.py

  1. from blueprints import index_page
  2. from application import app
  3. from postController import control_page
  5. app.register_blueprint(index_page,url_prefix='/learning')
  6. app.register_blueprint(control_page,url_prefix='/control')

blueprint.py

  1. from flask import Blueprint,request,make_response,jsonify,render_template
  2. from sqlalchemy import text
  3. from application import db
  5. index_page = Blueprint("index_page",__name__)
  7. @index_page.route('/')
  8. def index():
  9.     return "index page"
  12. @index_page.route('/me')
  13. def hello():
  14.     return "hello, this is me"
  16. @index_page.route('/get')
  17. def get():
  18.     var_a = request.args.get('a','Welcom')
  19.     return 'request:%sparams:%s,var_a:%s'%(request.method,request.args,var_a)
  22. @index_page.route('/post',methods=['POST'])
  23. def post():
  24.     var_b = request.values['b'] if 'b' in request.values else 'welcome'
  25.     return 'request: %s; params: %s; var_b: %s;%s'%(request.method,request.args,var_b,request.values)
  29. @index_page.route('/upload',methods=['POST'])
  30. def upload():
  31.     var_c = request.files['file'] if 'file' in request.files else None
  32.     return 'request: %s; params: %s; var_c: %s; values:%s'%(request.method,request.files,var_c,request.values)    
  34. @index_page.route('/text_get')    
  35. def  text_get():
  36.     return "text/html"
  39. @index_page.route('/text_same')    
  40. def  text_same():
  41.     response = make_response('text/html',200)
  42.     return response
  44. @index_page.route('/json')    
  45. def  json():
  46.     data = {'a':'Tom'}
  47.     import json
  48.     response = make_response(json.dumps(data))
  49.     response.headers['Content-type'] = 'application/json'
  50.     return response
  52. @index_page.route('/json_same')    
  53. def  json_same():
  54.     data = {'b':'Jerry'}
  55.     response = make_response(jsonify(data))
  56.     return response
  59. @index_page.route('/template')    
  60. def  template():
  61.     context = {}
  62.     context['user'] = {'name' : "juha",'age':25}
  63.     context['subject'] = ['english','math','Chinese']
  64.     return render_template ('index.html',**context)
  66. @index_page.route('/extend_template')    
  67. def  extend_template():
  69.     return render_template ('extend_template.html')
  71. @index_page.route('/db_select')
  72. def db_select():
  73.     sql = text("select * from `user`")
  74.     context = {}
  75.     result = db.engine.execute(sql)
  76.     context['result'] = result
  77.     return render_template("db_data.html",**context)

postController.py【还没用】

  1. from flask import Blueprint,request,make_response,jsonify,render_template
  3. control_page = Blueprint("control_page",__name__)
  5. @control_page.route('/')
  6. def control():
  7.     return "index page"

extend_template.html

  1. {% extends "common/layout.html" %}
  3. {% block content %}
  4. 我是子页面模板文件~
  5. {% endblock %}

layout.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title></title>
  5. </head>
  6. <h1>我是统一模板</h1>
  7. <body>
  8. {% block content %} {% endblock%}
  9. </body>
  10. </html>

db_data.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title></title>
  5. </head>
  6. <body>
  7. {% for i in result %}
  8. {{i['User']}}
  9. {% endfor %}
  10. </body>
  11. </html>

index.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title></title>
  5. </head>
  6. <body>
  7. <p>Hello This is tempalte page
  8. {% if user %}
  9. 姓名是{{user.name}},年龄是{{user.age}}
  10. {% endif %}
  11. </p>
  12. {% for i in subject %}
  13. {{i}}
  14. {% endfor %}
  15. </body>
  16. </html>