【Python】基于 Flask 的 Python 网页天气查询应用开发实践 - 设计天气查询页面

最新推荐文章于 2023-12-20 08:45:59 发布

flynat

最新推荐文章于 2023-12-20 08:45:59 发布

阅读量340

点赞数

分类专栏： Python 文章标签： python flask 开发语言

本文链接：https://blog.csdn.net/tt460bj/article/details/133176722

版权

本文介绍了如何利用 Flask 和 HTML 设计一个天气查询页面。通过创建 HTML 模板，设置表单，处理用户输入的城市名，查询并显示天气信息。详细步骤包括创建模板、渲染模板和处理表单数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

5. 设计天气查询页面

在这一部分，我们将利用 Flask 和 HTML 来设计一个简单的天气查询页面。这个页面将包含一个表单，用户可以在其中输入城市名称来查询天气。

5.1 创建 HTML 模板

首先，我们需要创建一个 HTML 模板。在 Flask 中，模板文件默认应该放在 templates 文件夹中。下面是一个简单的 home.html 模板：

<!DOCTYPE html>
<html>
<head>
    <title>天气查询</title>
</head>
<body>
    <h1>天气查询</h1>
    <form action="/search" method="post">
        <label for="city">城市：</label>
        <input type="text" id="city" name="city" required>
        <input type="submit" value="查询">
    </form>
</body>
</html>

在这个模板中，我们创建了一个表单，其中包含一个文本输入框和一个提交按钮。当用户填写城市名称并点击提交按钮时，浏览器将生成一个 POST 请求到 /search 路由。