Python Flask 渲染静态程动态页面

Python Flask 渲染静态程动态页面

  • [Python Flask 渲染静态程动态页面](#Python Flask 渲染静态程动态页面)

Python Flask 渲染静态程动态页面

对网页应用程序来说,静态内容是重要的,因为它们包括 CSS 和 JavaScript 文件。静态文件可以直接由网页服务器提供。如果我们在我们的项目中创建一个名字是 static 目录,并且重定向客户端到静态文件位置,Flask 可以支持静态内容。

动态内容可以使用 Python 创建,但它很乏味,需要在Python中维护这样的代码。

推荐的方法是使用 Jinja2 等模板引擎。Flask 附带了 Jinja2 库,因此不需要安装额外的库,也不需要添加任何额外的配置来设置 Jinja2。下面显示了一个具有两个函数的示例代码,一个处理静态内容的请求,另一个处理动态内容的请求:

python 复制代码
# 渲染静态和动态页面

from flask import Flask, render_template, url_for, redirect

app = Flask(__name__)

@app.route("/hello")
def hello():
    hello_url = url_for("static", filename="app3_static.html")
    return redirect(hello_url)

@app.route("/greeting")
def greeting():
    msg = "这是来自宇宙深处的消息。"
    return render_template("app3_dynamic.html", greeting=msg)

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

为了更好地理解这个示例代码,我们将强调一下关键点:

  • 我们从Flask导入了其他模块,如 url_forredirectrender_template
  • 对于/hello 路由,我们使用 url_for 函数构建一个 URL,其中静态目录和 HTML 文件名作为参数。我们向浏览器发送响应,这是一条指令,将客户端重定向到静态文件位置的 URL。重定向指令通过使用 300-399 范围内的状态码指示给网页浏览器,当我们使用重定向功能时,Flask会自动设置该状态码。
  • 对于 /gtreating 路由,我们使用 render_template 函数渲染一个 Jinja 模板 app3_dynamics.htm。我们还将问候消息字符串作为值传递给模板的变量。问候语变量将可用于 Jinja 模板,如 app3_dynamics.html 文件中的以下模板摘录所示:
HTML 复制代码
<!DOCTYPE html>
<body>
{% if greeting %}
<h1> {{greeting}}!</h1>
{% endif %}
</body>
</html>

这是最简单的 Jinja 模板,其中 if 语句用 <%%> 括起来,Python变量使用两个花括号{``{}}格式包含在内。我们不会详细介绍 Jinja2 模板,但我们强烈建议您通过他们的在线平台熟悉Jinja2的模板

https://jinja.palletsprojects.com/).

可以使用 curl 工具和网页浏览器访问这个网页应用程序。

<完>

相关推荐
我要学习别拦我~8 分钟前
kaggle分析项目:steam付费游戏数据分析
python·游戏·数据分析
大模型真好玩14 分钟前
深入浅出LangChain AI Agent智能体开发教程(四)—LangChain记忆存储与多轮对话机器人搭建
前端·人工智能·python
love530love16 分钟前
命令行创建 UV 环境及本地化实战演示—— 基于《Python 多版本与开发环境治理架构设计》的最佳实践
开发语言·人工智能·windows·python·conda·uv
陪我一起学编程38 分钟前
MySQL创建普通用户并为其分配相关权限的操作步骤
开发语言·数据库·后端·mysql·oracle
都叫我大帅哥39 分钟前
深度学习的"Hello World":多层感知机全解指南
python·深度学习
麦子邪40 分钟前
C语言中奇技淫巧04-仅对指定函数启用编译优化
linux·c语言·开发语言
都叫我大帅哥44 分钟前
LangChain分层记忆解决方案:完整案例
python·langchain
小王子10241 小时前
Django实时通信实战:WebSocket与ASGI全解析(下)
python·websocket·django
破刺不会编程1 小时前
linux线程概念和控制
linux·运维·服务器·开发语言·c++
alex1001 小时前
AI Agent开发学习系列 - langchain之LCEL(5):如何创建一个Agent?
人工智能·python·语言模型·langchain·prompt·向量数据库·ai agent