构建一个Web应用——来真格的:用Python搭个自己的网站 🕸️

357次阅读

1. Web 应用入门:用 Flask“快速搭网站”🚀

关键字: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 模板”+“表单”实现:

  1. 第一步:写 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>
  2. 第二步: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)
  3. 第三步:写结果模板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 入门的核心代码 & 操作步骤清单

正文完
 0