Python Flask 快速搭建Web应用详细教程

本教程将详细介绍如何使用Python的Flask框架快速搭建一个Web应用,从环境准备到功能扩展一步到位。

步骤1:安装Python环境

首先确保你的电脑已安装Python,若未安装:

  1. 访问Python官网下载对应系统的安装包
  2. 安装时勾选"Add Python to PATH"(重要)
  3. 安装完成后,打开命令行输入以下命令验证:
python --version
pip --version

若显示版本号,则安装成功。

步骤2:安装Flask框架

使用pip命令安装Flask:

pip install flask
提示:如果是Python3,可能需要用pip3命令;国内用户可添加镜像源加速安装:
pip install flask -i https://pypi.tuna.tsinghua.edu.cn/simple

步骤3:创建基础应用

3.1 创建项目文件夹

在电脑任意位置创建项目文件夹,例如"myflaskapp",并在文件夹中创建以下文件和结构:

myflaskapp/
└── app.py # 主程序文件

3.2 编写基础代码

用文本编辑器(如VS Code、记事本)打开app.py,输入以下代码:

# 导入Flask类 from flask import Flask # 创建Flask应用实例 app = Flask(__name__) # 定义路由:当访问网站根目录时执行以下函数 @app.route('/') def index(): # 返回响应内容 return "

欢迎来到我的网站!

这是用Flask搭建的第一个页面

" # 定义第二个路由:访问/about路径时显示的内容 @app.route('/about') def about(): return "

关于我们

这是一个Flask演示网站

" # 当直接运行该脚本时,启动开发服务器 if __name__ == '__main__': # debug=True表示开启调试模式,代码修改后自动重启服务器 app.run(debug=True)

步骤4:运行Web应用

  1. 打开命令行,进入项目文件夹:
cd 你的项目路径/myflaskapp
  1. 运行应用:
python app.py

运行成功后,命令行会显示类似以下信息:

* Serving Flask app 'app' (lazy loading)
* Environment: development
* Debug mode: on
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
  1. 打开浏览器,访问以下地址:

首页效果展示:

欢迎来到我的网站!

这是用Flask搭建的第一个页面

about页效果展示:

关于我们

这是一个Flask演示网站

提示:关闭应用时,在命令行按Ctrl+C即可。

步骤5:使用HTML模板(进阶)

为了更方便地管理页面,我们可以使用HTML模板文件:

5.1 创建模板文件夹和文件

在项目文件夹中创建templates文件夹,并添加两个HTML文件:

myflaskapp/
├── app.py
└── templates/
├── index.html
└── about.html

5.2 编写模板文件

index.html内容:

<!DOCTYPE html>
<html>
<head>
<title>首页</title>
</head>
<body>
<h1>欢迎来到我的网站!</h1>
<p>这是用Flask模板渲染的页面</p>
<a href="/about">访问关于页面</a>
</body>
</html>

about.html内容:

<!DOCTYPE html>
<html>
<head>
<title>关于我们</title>
</head>
<body>
<h2>关于我们</h2>
<p>这是一个使用Flask模板的演示</p>
<a href="/">返回首页</a>
</body>
</html>

5.3 修改app.py使用模板

# 导入Flask类和render_template函数 from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): # 使用render_template渲染模板文件 return render_template('index.html') @app.route('/about') def about(): return render_template('about.html') if __name__ == '__main__': app.run(debug=True)

重新运行应用后,访问页面会看到带链接的完整HTML页面。

总结

通过以上步骤,你已经完成了:

后续可根据需求添加数据库操作、用户认证等功能。