Python Web 框架 Flask的最基本使用

这篇博客介绍了如何使用Python的Flask框架搭建Web应用,并结合数据库实现数据的动态展示。通过示例代码展示了如何创建Flask应用,设置路由,以及从数据库中获取并显示随机水果信息。页面动态刷新会显示不同的推荐水果,提供了一个简单的前后端交互实例。

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

Python Web 框架 Flask的最基本使用

首先还是第三方库Flask的安装;终端执行pip install flask即可

import flask

导入包后创建flask对象

app = flask.Flask(__name__)

注意:括号中的_ _name__参数需要自己添加

再用创建好的对象指定网页访问路径

@app.route('/')
def index():
    return '<h1>Hello Flask!</h1>'

上述表示根路径,即访问给定的host指向的页面

if __name__ == '__main__':
    app.run(host='10.7.178.89'(本机IP), port=8000, debug=True)

运行上述代码即可获取到该页面URL,点击打开可以看到前端页面的‘Hello Flask’

想让页面上显示什么就在return里面返回什么。

下面是一个例子

python文件目录:

目录
创建与文件夹命名建议使用同图中相同!

运行结果:

结果
点击该URL即可访问刚刚写的页面

页面效果:

页面

(不会前端所以页面布局很丑)

核心代码

python
def index():
    pictures = ['mangosteen','durian','pitaya','apple','watermelon','strawberry','pineapple']
    names = ['山竹', '榴莲', '火龙果', '苹果', '西瓜', '草莓', '菠萝']
    fruits = [{'name':names[i], 'picture':f'{pictures[i]}.png'} for i in range(len(names))]
    selected_fruits = random.sample(fruits, k=3)
    try:
        with connection.cursor() as cursor:
            fruits_detail = []
            affected_rows = cursor.execute(
                'select fruit_name,fruit_detail from tb_fruits'
            )
            aff = cursor.fetchone()
            while aff:
                fruits_detail.append({'name':aff[0],'detail':aff[1]})
                aff = cursor.fetchone()
        connection.commit()
    except pymysql.MySQLError as err:
        connection.rollback()
        print(err)
    return render_template('index.html',fruits = selected_fruits,details = fruits_detail)
HTML
{%for fruit in fruits%}
<li>
    <img src="/static/images/{{fruit.picture}}" width="32">
    <span>
        {{fruit.name}}
        <p style="font-family: 仿宋">
            {%for detail in details%}
            {%if detail.name == fruit.name%}
            Tips:{{detail.detail}}
            {%endif%}
            {%endfor%}
        </p>

    </span>
</li>
{% endfor %}

上述代码通过连接数据库实现了数据的动态展示,刷新页面后会显示随机不同的三个推荐水果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值