flask第十八篇——模板

Posted 自动化测试实战

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flask第十八篇——模板相关的知识,希望对你有一定的参考价值。


上一节我们介绍了模板的基本使用方法,现在我们想一个问题,如果把index.html放到template文件夹下面的文件夹该怎么办呢?其实很容易,当文件夹结构如下图所示时:

我们只需要修改render_template的值即可,代码如下:

flask第十八篇——模板【2】

如果你在pycharm里面修改,pycharm会自动帮你改应用的代码的。


现在来想另一个问题,就是既然模板可以复用,那么它里面的内容肯定不可能写死对吧,如果写成固定值那每个页面的内容都成了一样的了,所以模板就需要写成变量的形式,通过给变量传值来修改模板对应的内容。在flask中,变量的写法是{{ 变量值 }}这种两个大括号(又叫大胡须)的形式。
现在我们在主文件给一段字符串,然后想把它应用到.html模板中,我们该怎门办呢?根据render_template的源码知道它还有第二个参数——关键字参数**context,所以我们知道只需要给它传一个关键字参数即可,加上刚才的大胡须传递变量,我们来看一段代码:

templateDemo.py文件

# coding: utf-8

from flask import Flask, render_template app = Flask(__name__)  # type: Flask
app.debug = True

@app.route('/')
def hello_world():    title = u'首页内容'    return render_template('post/index.html', title=title)

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

index.html文件

<!DOCTYPE html>
<html lang="en">
   <head>        <meta charset="UTF-8">        <title>这里是title</title>
   </head>
   <body>        <h1>{{ title }}</h1>
   
   </body>
</html>

现在来执行代码,然后去页面查看:

我们看到title的内容已经在页面上显示出来了。

这是模板引用变量的最简单的一个例子。

现在我们来渲染一个字典(就是传值为字典,专业术语叫渲染,记住了):

# coding: utf-8

from flask import Flask, render_template app = Flask(__name__)  # type: Flask
app.debug = True

@app.route('/')
def hello_world():    title = {"name": "Warren",
            "age": 18,
            "gender": "male"}
   
   return render_template('post/index.html', title=title)
   
if __name__ == '__main__':    app.run()

执行代码后看到页面直接显示了字典title的内容:

如果我们现在只想取字典里name的值呢?那么我只需要修改index.html里面的内容即可:
index.html文件

<!DOCTYPE html>

<html lang="en">
<head>    <meta charset="UTF-8">    <title>这里是title</title>

</head>
<body>    <h1>{{ title.name }}</h1>

</body>
</html>

可以看到,取值的方式就是title.name即可。

以上是关于flask第十八篇——模板的主要内容,如果未能解决你的问题,请参考以下文章

第十八篇商城系统-订单中心设计解决方案

第十八篇商城系统-订单中心设计解决方案

C++进阶第十八篇——AVL树(概念+平衡因子的调节+旋转+代码实现)

第十八篇 InceptionV3实战

Python之路第十八篇--MySQL

第十八篇Flowable之多人会签