Flaskr入门(一)：模版

最新推荐文章于 2022-07-03 20:11:37 发布

_朝闻道_

最新推荐文章于 2022-07-03 20:11:37 发布

阅读量275

点赞数

分类专栏： Flask

本文链接：https://blog.csdn.net/weixin_42231070/article/details/82938592

版权

Flask 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Flask：第一个demo

SRTP要写个小网站，就先学学看。

1.虚拟环境配置

在Terminal，注意要先激活虚拟环境，否则找不到flask模块的。
如何激活看我前一篇blog：
https://blog.csdn.net/weixin_42231070/article/details/82938589

2.启动服务器

1）命令行
python脚本 run.py 需要包含app.run()，app是定义的Flask对象。

app.run(debug=True)

(venv) chenjl666$ export FLASK_APP=run.py
(venv) chenjl666$ flask run

开启所有开发功能

(venv) chenjl666$ export FLASK_ENV=development
(venv) chenjl666$ flask run

3.模版

flask有三个子文件夹，app、tmp、venv。app作为一个包，里面有__init__脚本，里面定义了我们的Flask对象，views是我们的视图脚本。

# __init__.py
from flask import Flask
app = Flask(__name__)
from app import views

# views.py
from app import app
from flask import render_template

@app.route("/")
@app.route("/index")
def index():
    user = {"nickname": "CJL"}
    posts = [{"name": "ABC", "words": "hello"}, {"name": "DEF", "words": "byebye"}]
    return render_template("index.html", title="Welcome", posts=posts, user=user)

index.html将被特定的函数返回，动态内容就是{{…}}包含的，上面使用了render_template函数，实际上调用了jinja2的引擎，会把关键字参数替换相应的{{…}}块。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% if title %}
    <title>{{title}} - flask</title>
    {% else %}
    <title>welcome!</title>
    {% endif %}
</head>
<body>
    <h1>"Hello", {{user["nickname"]}}</h1>
    {% for post in posts %}
    <p>{{post.name}} says: <b>{{post.words}}</b></p>
    {% endfor %}
</body>
</html>

模版也可以继承，这样可以高效地重复利用
只需新建两个html文档
base

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% if title %}
    <title>{{title}} - flask</title>
    {% else %}
    <title>welcome!</title>
    {% endif %}
</head>
<body>
    <div>Web: <a href="/index">Home</a></div>
    <hr>
    {% block content %}
    {% endblock %}
</body>
</html>

derived

{% extends "base.html" %}
{% block content %}

<h1>"Hello", {{user["nickname"]}}</h1>
    {% for post in posts %}
<p>{{post.name}} says: <b>{{post.words}}</b></p>
    {% endfor %}

{% endblock %}