【揭秘 Flask】实战案例带你轻松入门Web开发

日期:

最佳答案

引言

Flask 是一个轻量级的 Web 框架，基于 Python 言语编写，广泛利用于 Web 开辟范畴。它以其简洁、易用、可扩大年夜性强等特点，遭到众多开辟者的爱好。本文将经由过程一系列实战案例，带你轻松入门 Flask Web 开辟。

一、情况搭建

1. 安装 Python

起首，确保你的打算机上安装了 Python。你可能从 Python 官网下载并安装最新版本的 Python。

2. 安装 Flask

安装 Flask 非常简单，只有利用 pip 命令即可：

pip install flask

二、创建 Flask 利用顺序

1. 创建项目构造

创建一个名为 my_flask_app 的目录，并在其中创建以下文件跟文件夹：

my_flask_app/
│
├── app.py
├── templates/
│   └── index.html
└── static/
    └── style.css

2. 编写 Flask 利用顺序

打开 app.py 文件，编写以下代码：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

3. 创建 HTML 模板

在 templates 文件夹中创建一个名为 index.html 的文件，编写以下代码：

<!DOCTYPE html>
<html>
<head>
    <title>My Flask App</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>Welcome to my Flask App!</h1>
</body>
</html>

4. 创建静态文件

在 static 文件夹中创建一个名为 style.css 的文件，编写以下代码：

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
}

三、运转 Flask 利用顺序

在终端中，切换到 my_flask_app 目录，并运转以下命令：

python app.py

在浏览器中拜访 http://127.0.0.1:5000/，你将看到如下页面：

Welcome to my Flask App!

四、实战案例：用户注册与登录

1. 创建用户模型

起首，我们须要创建一个用户模型，用于存储用户信息。我们可能利用 Flask-SQLAlchemy 扩大年夜来实现这一点。

pip install flask-sqlalchemy

在 app.py 文件中，增加以下代码：

from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///users.db'
db = SQLAlchemy(app)

class User(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(80), unique=True, nullable=False)
    password = db.Column(db.String(120), nullable=False)

# 创建数据库表
db.create_all()

2. 创建注册跟登录视图

在 app.py 文件中，增加以下代码：

@app.route('/register', methods=['GET', 'POST'])
def register():
    if request.method == 'POST':
        username = request.form['username']
        password = request.form['password']
        new_user = User(username=username, password=password)
        db.session.add(new_user)
        db.session.commit()
        return redirect(url_for('login'))
    return render_template('register.html')

@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        username = request.form['username']
        password = request.form['password']
        user = User.query.filter_by(username=username, password=password).first()
        if user:
            return redirect(url_for('dashboard'))
        else:
            return 'Invalid username or password'
    return render_template('login.html')

3. 创建 HTML 模板

在 templates 文件夹中创建 register.html 跟 login.html 文件，分辨编写以下代码：

<!-- register.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Register</title>
</head>
<body>
    <h1>Register</h1>
    <form method="post">
        <label for="username">Username:</label>
        <input type="text" id="username" name="username" required>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password" required>
        <button type="submit">Register</button>
    </form>
</body>
</html>

<!-- login.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
</head>
<body>
    <h1>Login</h1>
    <form method="post">
        <label for="username">Username:</label>
        <input type="text" id="username" name="username" required>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password" required>
        <button type="submit">Login</button>
    </form>
</body>
</html>

4. 运转 Flask 利用顺序

运转 Flask 利用顺序，并在浏览器中拜访以下 URL：

实现注册跟登录后，你可能拜访仪表板页面：http://127.0.0.1:5000/dashboard。

五、总结

经由过程本文的实战案例，你已成功入门 Flask Web 开辟。接上去，你可能根据本人的须要，持续进修跟摸索 Flask 框架的其他功能，如路由、模板、数据库、表单验证等。祝你进修高兴！