Python网页版如何使用Flask框架开发_Flask框架开发Python网页版入门教程

絕刀狂花
发布: 2025-11-07 14:27:02
原创
960人浏览过
首先安装Flask并创建app.py文件,运行后访问本地服务器可显示基础页面;接着使用templates文件夹存放HTML模板,通过render_template返回网页;然后处理表单数据,利用request对象获取POST请求中的用户输入;最后创建static文件夹管理CSS等静态资源,实现页面美化。完整流程包括环境搭建、路由定义、模板渲染、表单交互与静态文件加载。

python网页版如何使用flask框架开发_flask框架开发python网页版入门教程

如何使用Flask框架开发Python网页版?入门教程详解

想用Python做网页开发,Flask是一个轻量又灵活的选择。它适合初学者快速上手,也能支撑中小型项目的实际需求。本文带你从零开始,一步步搭建一个简单的网页应用,掌握Flask的基本用法。

1. 安装Flask并创建第一个应用

确保你的电脑已安装Python(建议3.6以上版本)。打开终端或命令行工具,执行以下命令安装Flask:

pip install flask
登录后复制

安装完成后,新建一个文件夹,比如叫my_flask_app,在里面创建一个Python文件app.py

from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return 'Hello, 这是我的第一个Flask网页!'

if __name__ == '__main__':
    app.run(debug=True)
登录后复制

运行这个脚本:

立即学习Python免费学习笔记(深入)”;

python app.py
登录后复制

浏览器访问 https://www.php.cn/link/7cf91b300ff3ecef82c59dd47b89253a,你会看到页面显示那句问候语。这就完成了最基础的Flask网页输出。

2. 使用模板(Templates)返回HTML页面

纯字符串返回不适合复杂页面。Flask支持Jinja2模板引擎,可以把HTML文件放在templates目录中。

在项目根目录下新建文件夹templates,然后创建index.html

<!DOCTYPE html>
<html>
<head>
  <title>我的Flask网站</title>
</head>
<body>
  <h1>欢迎来到首页!</h1>
  <p>这是用Flask渲染的HTML页面。</p>
</body>
</html>
登录后复制

修改app.py中的路由:

from flask import render_template

@app.route('/')
def home():
    return render_template('index.html')
登录后复制

刷新页面,现在显示的是完整的HTML内容。你可以继续添加更多页面和样式。

3. 处理用户请求与表单数据

网页常需要接收用户输入。Flask可以轻松处理GET和POST请求。

Trae国内版
Trae国内版

国内首款AI原生IDE,专为中国开发者打造

Trae国内版 815
查看详情 Trae国内版

templates中创建form.html

<form method="POST">
  <label>请输入你的名字:</label>
  <input type="text" name="name" required>
  <button type="submit">提交</button>
</form>
登录后复制

app.py中添加新路由:

@app.route('/greet', methods=['GET', 'POST'])
def greet():
    if request.method == 'POST':
        name = request.form['name']
        return f'你好,{name}!欢迎你使用Flask。'
    return render_template('form.html')
登录后复制

别忘了在文件开头导入request

from flask import request, render_template
登录后复制

访问 /greet 页面,填写表单并提交,就能看到动态响应结果。

4. 静态文件管理(CSS、JS、图片)

网页需要美化。Flask会自动从static文件夹提供静态资源。

创建static文件夹,在里面放一个style.css

body {
  font-family: Arial, sans-serif;
  background-color: #f0f8ff;
  text-align: center;
  padding-top: 50px;
}
登录后复制

在HTML模板中引用CSS:

<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
登录后复制

这样页面就有了基本样式。你也可以加入JavaScript或图片文件,方法类似。

基本上就这些。Flask的核心概念不多,但足够强大。通过路由控制、模板渲染和请求处理,你能构建出功能完整的网页应用。随着深入学习,还可以接入数据库、用户认证、API接口等高级功能。不复杂,但容易忽略细节,动手试试最重要。

以上就是Python网页版如何使用Flask框架开发_Flask框架开发Python网页版入门教程的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号