Flask-2 模版使用

2019-07-30 10:32:41 浏览数 (1)

1. Flask的模版引擎是什么?

flask的模版引擎使用的是jinja2,官网地址:

代码语言:javascript复制
http://jinja.pocoo.org

模板允许我们在多个地方重用代码段,非常适合动态HTML页面。

2. 如何使用Flask的模版引擎?

首先接着上一章内容,在Flask_Blog文件夹中新建一个文件夹templates:

在文件夹templates中新建一个layout.html页面,内容为:

在文件夹templates中新建一个home.html页面,内容为:

在文件夹templates中新建一个about.html页面,内容为:

在Flask_Blog文件夹中新建一个文件夹static,在static文件夹中新建一个样式文件main.css,内容已为:

接下来我们修改flaskblog.py:

代码语言:javascript复制
from flask import Flask,render_tyemplate,url_for
app = Flask(__name__)
#定义一个list用来前台数据显示使用
posts = [
    {
        'author': '辽北大帝',
        'title': '博客第一篇',
        'content': '博客第一条内容',
        'date_posted': '2019年06月12日'
    },
    {
        'author': '爱奇迹',
        'title': '博客第二篇',
        'content': '博客第二条内容',
        'date_posted': '2019年06月12日'
    }
 ]
@app.route("/")
@app.route("/home")
def home():
    return render_template('home.html', posts=posts)
@app.route("/about")
def about():
    return render_template('about.html', title='关于')
if __name__ == '__main__':
  app.run(debug=True)

然后我们在文件夹Flask_Blog打开命令行cmd,运行python falskblog.py:

我们访问地址http://127.0.0.1:5000/:

我们继续访问地址:http://127.0.0.1:5000/about:

因为代码中传递了title参数值,前台页面接收判断title有值就显示标题内容。更多关于jinja2模版的使用语法等内容访问官网查阅。

关注公号

下面的是我的公众号二维码图片,欢迎关注。

yale记公众号

0 人点赞