1. Web 应用入门:用 Flask“快速搭网站”🚀
内容详解:
想做 Web 应用(比如个人博客、小工具网站),Python 里最适合新手的是Flask——它是“轻量级 Web 框架”,不用学复杂配置,几行代码就能跑起一个网站~
类比:Flask 像“网站搭建积木”,把服务器、URL 路由、页面渲染这些复杂活儿都包好了,咱只要拼积木就行!
2. 从 0 到 1:跑起你的第一个 Flask 网站 🌐
关键字:安装 Flask、Flask 对象、运行应用
内容详解:
先搞定环境:打开命令行,用 pip install flask 安装 Flask(像装一个“网站工具箱”)。
然后写几行代码,就能跑起网站:
# 导入 Flask
from flask import Flask
# 创建 Flask 应用对象(相当于初始化网站)app = Flask(__name__)
# 用 URL 修饰函数:访问 "/" 时,执行下面的函数
@app.route("/")
def hello():
# 返回网页内容
return "Hello! 这是我的第一个 Flask 网站!"
# 启动网站服务器
if __name__ == "__main__":
app.run(debug=True) # debug=True:改代码后自动刷新
运行代码后,打开浏览器输入http://127.0.0.1:5000/,就能看到“Hello! 这是我的第一个 Flask 网站!”——你的第一个 Web 应用跑起来啦!
3. 网站的“导航逻辑”:URL 路由 + 函数绑定 🧭
关键字:URL 路由、视图函数、多页面
内容详解:
Flask 里用 @app.route("URL 路径") 把“网址”和“函数”绑定(这个函数叫 视图函数)——比如做一个多页面网站:
# 访问 "/",显示首页
@app.route("/")
def home():
return "这是首页!"
# 访问 "/about",显示关于页
@app.route("/about")
def about():
return "这是关于我的页面!"
# 访问 "/calc/2/3",计算两个数的和(URL 带参数)@app.route("/calc/</<")
def calculate(a, b):
return f"{a} + {b} = {a + b}"
现在浏览器访问:
http://127.0.0.1:5000/→ 看首页;http://127.0.0.1:5000/about→ 看关于页;http://127.0.0.1:5000/calc/2/3→ 显示“2 + 3 = 5”。
这就是网站的“导航逻辑”:不同 URL 对应不同功能!
4. 让网站“能互动”:HTML 表单 + 模板渲染 📝
关键字:HTML 表单、Flask 模板、数据提交
内容详解:
光显示文字不够,得做 交互页面(比如用户输入数据,网站处理)。Flask 用“HTML 模板”+“表单”实现:
- 第一步:写 HTML 表单(存到 templates 文件夹里)
创建templates/form.html文件:<!DOCTYPE html> <html> <body> <h1> 计算两个数的和 </h1> <form action="/result" method="post"> 数 1:<input type="number" name="num1"><br> 数 2:<input type="number" name="num2"><br> <input type="submit" value="计算"> </form> </body> </html> - 第二步:Flask 里渲染模板 + 处理提交的数据
from flask import Flask, render_template, request # 导入模板和请求工具 app = Flask(__name__) # 显示表单页面 @app.route("/form") def show_form(): # 渲染 templates 里的 form.html return render_template("form.html") # 处理表单提交的数据(method="post")@app.route("/result", methods=["POST"]) def calculate_result(): # 从请求里拿用户输入的 num1 和 num2 num1 = int(request.form["num1"]) num2 = int(request.form["num2"]) sum_result = num1 + num2 # 把结果传给模板显示 return render_template("result.html", sum=sum_result) - 第三步:写结果模板
templates/result.html<!DOCTYPE html> <html> <body> <h1> 计算结果 </h1> <p> 两个数的和是:{{sum}}</p> </body> </html>
现在访问http://127.0.0.1:5000/form,输入数字点“计算”,就能看到结果啦——你的网站能和用户互动了!
5. 终极一步:部署到云——让别人也能访问 🛰️
关键字:云部署、Flask 生产环境
内容详解:
本地跑的网站只有自己能看,想让全世界访问,得 部署到云服务器(比如阿里云、腾讯云):
- ⚠️ 注意:本地用
app.run(debug=True)是“开发模式”,生产环境要换“专业服务器”(比如 Gunicorn); - 步骤大概是:买云服务器→安装 Python 和依赖→上传代码→用 Gunicorn 启动→配置域名(可选)。
比如用 Gunicorn 启动:
# 安装 Gunicorn
pip install gunicorn
# 启动 Flask 应用(app 是你的 Flask 对象所在的文件)gunicorn -w 4 -b 0.0.0.0:8000 你的文件名:app
这样你的网站就能在云服务器上运行,别人输入服务器 IP 就能访问啦!
要不要我帮你整理一份Flask 入门的核心代码 & 操作步骤清单?