个人介绍网页模板html_Flask干货：Jinja2模板到底是个啥？

最新推荐文章于 2022-07-31 00:18:58 发布

weixin_39785165

最新推荐文章于 2022-07-31 00:18:58 发布

阅读量183

点赞数

文章标签：个人介绍网页模板html

本文链接：https://blog.csdn.net/weixin_39785165/article/details/111338636

版权

一、啥是模板引擎

关于Jinja2模板引擎，要从小明暗恋小红的事情说起。

大学的时候，小红是学校里的校花。有一天，小明在去食堂的路上看见站在远处的小红。

于是… …

… … （此处省略100000字）… …

小明决定写个网页向美丽的小红表白。可是小红非常有钱，数码装备应有尽有：个人PC、平板电脑、手机、移动手表… …怎样才能写一份业务逻辑代码，让小红在响应式或非响应式设备上都能看到呢？

哈！机智的前辈早已看穿一切。为了提升开发效率，前后端的分离非常重要，后端负责业务逻辑/数据访问，前端负责表现、交互逻辑。

如果把业务逻辑和表现逻辑混在一起，势必造成系统耦合度高、代码维护困难的现象，因此分离业务逻辑和表现逻辑，把变现逻辑交给试图引擎，即网页模板，很有必要。

Flask提供了Jinja2模板引擎来渲染模板，实质上是一个静态的包含HTML语法的全部或片段的文本文件，当然也可以包含由变量表示的动态部分。

二、怎么用模板引擎

首先，新建一个叫templates的文件夹，并在文件夹下新建first.html和second.html文件，文件内容如下：

（注：这里使用VS Code编辑HTML文件，也可以用Notepad++进行编辑。对于新手可以安装后者，如果需要安装教程可以在评论区留言。）

first.html内容如下：

源代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>这是第一页</title>
</head>
<body>
    <h1>从我看到你的第一眼就爱上你了！</h1>
</body>
</html>

second.html内容如下：

源代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>这是第二页</title>
</head>
<body>
    <h1>你可以嫁给我吗？</h1>
</body>
</html>

然后在templates文件夹外新建love.py文件，内容如下：

 from flask import Flask  #导入模块
from flask import render_template

app  = Flask(__name__)

@app.route('/')  #定义第一页视图
def first():
    return render_template('first.html')

@app.route('/second/')  #定义第二页视图
def second():
    return render_template('second.html')

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

其中最重要的是render_template()函数，使用时需要导入render_template模块，作用就是返回网页文件。

最后，在虚拟环境中运行python文件，并用浏览器输入网址http://127.0.0.1:5000测试：

如要跳转到第二页需要手动输入网址http://127.0.0.1:5000/second/。其实在实际应用中，可以在第一页添加按钮，按钮指定唯一的网址就能实现跳转。用户登录按钮、确定按钮都是这个原理。

三、如何向模板中传递参数

修改second.html和love.py文件。

HTML文件修改<h1>标签，如下：

 <body>
    <h1>{{name}}，你可以嫁给我吗？</h1>
</body>

Python文件修改第二页视图文件，如下：

 @app.route('/second/<hername>')  #定义第二页视图
def second(hername):
    return render_template('second.html', name=hername)

相同的方法进行测试。在第二页网址处需要手动传入参数http://127.0.0.1:5000/second/小红，回车后结果如下：

在实际应用中，可以在HTML文件中用表单接收数据再进行传递，实现用户交互。

是不是觉得方便多了？

除了以上简单应用外，Jinja2模板引擎中还可以使用if 和for循环控制语句，将在下一篇文章中进行介绍！

weixin_39785165

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
个人介绍网页模板html_Flask干货：Jinja2模板到底是个啥？

一、啥是模板引擎关于Jinja2模板引擎，要从小明暗恋小红的事情说起。大学的时候，小红是学校里的校花。有一天，小明在去食堂的路上看见站在远处的小红。于是… …… … （此处省略100000字）… …小明决定写个网页向美丽的小红表白。可是小红非常有钱，数码装备应有尽有：个人PC、平板电脑、手机、移动手表… …怎样才能写一份业务逻辑代码，让小红在响应式或非响应式设备上都能看到呢？哈！机智的前辈早已看穿...
复制链接

扫一扫

个人介绍网页模板html_Flask干货：Jinja2模板到底是个啥？

“相关推荐”对你有帮助么？