使用Flask渲染静态网页（模板）

来源：互联网发布：spring resource和java 编辑：程序博客网时间：2024/05/22 14:09

假设我们有了一个已经写好的网页，我们希望把这个网页展示出来，我们需要怎么做呢？

在Flask中我们把这一工作叫做渲染模板，其中我们准备好的网页叫做模板，渲染工作交给一个叫做jinja2的模板引擎就好了，具体使用方法是调用函数render_template('文件名')。

让我们来实际操作一下

首先准备一个静态网页，这里我是从bootstrap的官网上找的一个模板

<!DOCTYPE html><html lang="zh-CN">  <head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1">    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->    <title>Bootstrap 101 Template</title>    <!-- Bootstrap -->    <link href="css/bootstrap.min.css" rel="stylesheet">    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->    <!--[if lt IE 9]>      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    <![endif]-->  </head>  <body>    <h1>你好，世界！</h1>    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>    <!-- Include all compiled plugins (below), or include individual files as needed -->    <script src="js/bootstrap.min.js"></script>  </body></html>

我们所要渲染的所有模板都需要放在templates文件夹下，所以我们需要新建一个templates文件夹并将我们准备好的HTML文件放进去，在这里我们把它叫做test.html

到了这里关于HTML的准备工作就完成了，接下来就是使用flask渲染模板

我们在与templates同一目录下新建一个main.py文件，写下如下代码即可

from flask import Flask,render_templateapp = Flask(__name__)@app.route('/test')def test():    return render_template('test.html')if __name__ == '__main__':    app.run()

可以看到我们实例化了一个Flask对象并为它定义了一个路由,当访问地址为/test时使用render_template渲染模板test.html

运行结果如图

阅读全文

1 0