基于Flask框架的Web网站案例

最新推荐文章于 2024-12-10 00:15:26 发布

heibut不相信眼泪

最新推荐文章于 2024-12-10 00:15:26 发布

阅读量172

点赞数

文章标签： flask 前端 python

本文链接：https://blog.csdn.net/qyk666/article/details/134619836

版权

本文介绍了使用Flask框架构建的一个Web应用，包括定义路由到不同的HTML模板（如/user_list.html），展示了一个包含用户信息的动态表格，以及链接到外部详情页的示例。

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

文章目录

系统框架图：

在这里插入图片描述

text.py里面的内容：

from flask import Flask,render_template

app=Flask(__name__)

# 创建了网址 ow/info 和函数index 的对应关系
# 以后用户在浏览器上访问 ow/info, 网站自动执行 index

@app.route("/show/info")
def index():
    return render_template("index.html")

@app.route("/get/news")
def get_news():
    return render_template("get_news.html")

@app.route("/get_image")
def get_image():
    return render_template("get_image.html")

@app.route("/user_list")
def user_list():
    return render_template("user_list.html")
if __name__ =='__main__':
    app.run()

user_list.html里面的内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>用户列表</h1>
    <table border="1px">
        <thead>
            <tr>
                <th>ID</th>
                <th>头像</th>
                <th>姓名</th>
                <th>更多信息</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>
                    <img src="/static/img.png" style="width: 50px">
                </td>
                <td>张三</td>
                <td>
                    <a href="https://baidu.com" target="_blank">查看详细</a>
                </td>
                <td>
                    编辑
                    删除
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>
                    <img src="/static/img.png" style="width: 50px">
                </td>
                <td>张三</td>
                <td>
                    <a href="https://baidu.com" target="_blank">查看详细</a>
                </td>
                <td>
                    编辑
                    删除
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>
                    <img src="/static/img.png" style="width: 50px">
                </td>
                <td>张三</td>
                <td>
                    <a href="https://baidu.com" target="_blank">查看详细</a>
                </td>
                <td>
                    编辑
                    删除
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>
                    <img src="/static/img.png" style="width: 50px">
                </td>
                <td>张三</td>
                <td>
                    <a href="https://baidu.com" target="_blank">查看详细</a>
                </td>
                <td>
                    编辑
                    删除
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>

效果展示：

在这里插入图片描述