前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flask-2 模版使用

Flask-2 模版使用

作者头像
XXXX-user
修改2019-07-30 10:32:41
4480
修改2019-07-30 10:32:41
举报
文章被收录于专栏:不仅仅是python不仅仅是python

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记公众号

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-06-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 yale记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. Flask的模版引擎是什么?
  • 2. 如何使用Flask的模版引擎?
    • 关注公号
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档