Flask轻量级框架 web开发原来可以这么可爱呀~(建议收藏)

off999 2025-04-30 18:52 39 浏览 0 评论

Flask轻量级框架 web开发原来可以这么可爱呀

大家好呀~今天让我们一起来学习一个超级可爱又实用的Python Web框架——Flask！作为一个轻量级的Web框架，Flask就像是一个小巧精致的工具箱，帮助我们轻松搭建网站。它简单易学，非常适合初学者入门哦！让我们一起来探索Flask的魅力吧！

安装Flask

首先要把Flask安装到我们的电脑上啦~只需要在命令行输入以下命令：


pip install flask

创建第一个Flask应用

来看看如何创建一个最简单的Flask应用吧！代码超级简单哦：


from flask import Flask



# 创建一个Flask应用实例

app = Flask(__name__)



# 创建路由和对应的视图函数

@app.route('/')

def hello_world():

    return '欢迎来到我的可爱小站！'



if __name__ == '__main__':

    app.run(debug=True)

小贴士：debug=True 模式下，我们修改代码后服务器会自动重启，超级方便呢！

添加更多路由

网站需要有不同的页面，我们可以通过路由来实现：


@app.route('/about')

def about():

    return '这是关于页面~'



@app.route('/hello/<name>')

def hello(name):

    return f'你好呀，{name}！'

看，通过<name>这样的方式，我们可以接收用户输入的参数，是不是很神奇呢？

返回HTML页面

总是返回文字太单调啦，让我们来返回一个漂亮的HTML页面吧：


@app.route('/pretty')

def pretty():

    html = '''

    <html>

        <head>

            <title>可爱的页面</title>

            <style>

                body { 

                    background-color: pink;

                    text-align: center;

                    padding: 50px;

                }

            </style>

        </head>

        <body>

            <h1>欢迎光临</h1>

            <p>这是一个充满爱的页面~</p>

        </body>

    </html>

    '''

    return html

处理表单数据

我们来创建一个可爱的小表单吧：


from flask import request



@app.route('/greet', methods=['GET', 'POST'])

def greet():

    if request.method == 'POST':

        name = request.form.get('name', '陌生人')

        return f'你好呀，{name}！很高兴见到你~'

    

    return '''

    <form method="POST">

        <label>请输入你的名字：</label>

        <input type="text" name="name">

        <button type="submit">打个招呼</button>

    </form>

    '''

注意事项：记得在路由装饰器中添加methods参数，指定允许的HTTP请求方法哦！

使用模板

Flask默认使用Jinja2模板引擎，让我们的页面更加灵活：


from flask import render_template



@app.route('/template')

def template():

    return render_template('hello.html', 

                         message='模板超级好用的！', 

                         items=['Python', 'Flask', '前端'])

对应的hello.html模板文件：


<!DOCTYPE html>

<html>

<head>

    <title>模板示例</title>

</head>

<body>

    <h1>{{ message }}</h1>

    <ul>

    {% for item in items %}

        <li>{{ item }}</li>

    {% endfor %}

    </ul>

</body>

</html>