使用Flask渲染静态网页(模板)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/DongChengRong/article/details/78219816

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

    在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_template

app = Flask(__name__)

@app.route('/test')
def test():
    return render_template('test.html')

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

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

运行结果如图



展开阅读全文

没有更多推荐了,返回首页