后端结合前端 模板渲染 显示列表

最终效果

 

背景知识

将HTML文件放在"templates"文件夹中可以确保Flask能够自动找到和加载它们，我没建这个文件夹所以报错了，图中是查了资料改正后的

工程结构

python文件需要放到工程的子目录

 

html代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ol>
    {% for entry in entries %}
    <li><a href="{{ entry }}">{{ entry }}</a></li>
    {% endfor %}
</ol>

</body>
</html>

 

python代码

from flask import Flask, render_template

app = Flask(__name__)

# 路由方法
@app.route('/')
def index():
    entries = ['entry1', 'entry2', 'entry3']  # 3个条目的列表
    return render_template('index.html', entries=entries)

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

 

posted @ 2023-10-09 15:19  胖豆芽  阅读(25)  评论(0)    收藏  举报