下面我将带您从零开始构建一个完整的 Flask 网站，包含用户认证、数据库操作和前端模板等核心功能。

## 第一部分：基础项目搭建

### 1. 创建项目环境

```bash

# 创建项目目录

mkdir flask_demo

cd flask_demo

# 创建虚拟环境

python -m venv venv

# 激活虚拟环境

# Windows:

venv\Scripts\activate

# Mac/Linux:

source venv/bin/activate

# 安装Flask

pip install flask

```

### 2. 最小应用结构

创建 `app.py` 文件：

```python

from flask import Flask

app = Flask(__name__)

@app.route('/')

def home():

return "欢迎来到Flask网站!"

if __name__ == '__main__':

app.run(debug=True)

```

运行应用：

```bash

python app.py

```

访问 http://127.0.0.1:5000 查看效果

## 第二部分：项目结构优化

```

/flask_demo

/app

/templates

base.html

index.html

/static

/css

style.css

/js

/images

__init__.py

routes.py

models.py

config.py

requirements.txt

run.py

```

### 2. 初始化应用工厂

`app/__init__.py`:

```python

from flask import Flask

from config import Config

def create_app(config_class=Config):

app = Flask(__name__)

app.config.from_object(config_class)

# 注册蓝图

from app.routes import bp

app.register_blueprint(bp)

return app

```

### 3. 配置文件

`config.py`:

```python

import os

class Config:

SECRET_KEY = os.environ.get('SECRET_KEY') or 'your-secret-key-here'

SQLALCHEMY_DATABASE_URI = os.environ.get('DATABASE_URL') or \

'sqlite:///' + os.path.join(os.path.abspath(os.path.dirname(__file__)), 'app.db')

SQLALCHEMY_TRACK_MODIFICATIONS = False

```

### 4. 主运行文件

`run.py`:

```python

from app import create_app

app = create_app()

if __name__ == '__main__':

app.run(debug=True)

```

## 第三部分：数据库集成

### 1. 安装Flask-SQLAlchemy

```bash

pip install flask-sqlalchemy

```

### 2. 扩展数据库支持

更新 `app/__init__.py`:

```python

from flask import Flask

from flask_sqlalchemy import SQLAlchemy

from config import Config

db = SQLAlchemy()

def create_app(config_class=Config):

app = Flask(__name__)

app.config.from_object(config_class)

db.init_app(app)

# 注册蓝图

from app.routes import bp

app.register_blueprint(bp)

return app

```

### 3. 创建用户模型

`app/models.py`:

```python

from app import db

from werkzeug.security import generate_password_hash, check_password_hash

class User(db.Model):

id = db.Column(db.Integer, primary_key=True)

username = db.Column(db.String(64), index=True, unique=True)

email = db.Column(db.String(120), index=True, unique=True)

password_hash = db.Column(db.String(128))

def set_password(self, password):

self.password_hash = generate_password_hash(password)

def check_password(self, password):

return check_password_hash(self.password_hash, password)

def __repr__(self):

return f'<User {self.username}>'

```

### 4. 创建数据库

创建 `create_db.py`:

```python

from app import create_app, db

app = create_app()

with app.app_context():

db.create_all()

```

运行创建数据库：

```bash

python create_db.py

```

## 第四部分：用户认证系统

### 1. 安装Flask-Login

```bash

pip install flask-login

```

### 2. 扩展登录管理

更新 `app/__init__.py`:

```python

from flask import Flask

from flask_sqlalchemy import SQLAlchemy

from flask_login import LoginManager

from config import Config

db = SQLAlchemy()

login = LoginManager()

def create_app(config_class=Config):

app = Flask(__name__)

app.config.from_object(config_class)

db.init_app(app)

login.init_app(app)

login.login_view = 'auth.login'

# 注册蓝图

from app.routes import bp as main_bp

app.register_blueprint(main_bp)

from app.auth import bp as auth_bp

app.register_blueprint(auth_bp, url_prefix='/auth')

return app

```

### 3. 创建认证蓝图

创建 `app/auth/routes.py`:

```python

from flask import render_template, flash, redirect, url_for, request

from flask_login import login_user, logout_user, current_user, login_required

from app import db

from app.auth import bp

from app.models import User

from app.auth.forms import LoginForm, RegistrationForm

@bp.route('/login', methods=['GET', 'POST'])

def login():

if current_user.is_authenticated:

return redirect(url_for('main.index'))

form = LoginForm()

if form.validate_on_submit():

user = User.query.filter_by(username=form.username.data).first()

if user is None or not user.check_password(form.password.data):

flash('无效的用户名或密码')

return redirect(url_for('auth.login'))

login_user(user, remember=form.remember_me.data)

next_page = request.args.get('next')

if not next_page or url_parse(next_page).netloc != '':

next_page = url_for('main.index'))

return redirect(next_page)

return render_template('auth/login.html', title='登录', form=form)

@bp.route('/logout')

def logout():

logout_user()

return redirect(url_for('main.index'))

@bp.route('/register', methods=['GET', 'POST'])

def register():

if current_user.is_authenticated:

return redirect(url_for('main.index'))

form = RegistrationForm()

if form.validate_on_submit():

user = User(username=form.username.data, email=form.email.data)

user.set_password(form.password.data)

db.session.add(user)

db.session.commit()

flash('恭喜，注册成功!')

return redirect(url_for('auth.login'))

return render_template('auth/register.html', title='注册', form=form)

```

## 第五部分：前端模板

### 1. 基础模板

`app/templates/base.html`:

```html

<!DOCTYPE html>

<html lang="zh">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>{% block title %}{% endblock %} - Flask网站</title>

<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">

</head>

<body>

<nav>

<div class="container">

<a href="{{ url_for('main.index') }}">首页</a>

{% if current_user.is_anonymous %}

<a href="{{ url_for('auth.login') }}">登录</a>

<a href="{{ url_for('auth.register') }}">注册</a>

{% else %}

<a href="{{ url_for('auth.logout') }}">退出</a>

{% endif %}

</div>

</nav>

<div class="container">

{% with messages = get_flashed_messages() %}

{% if messages %}

<div class="flash-messages">

{% for message in messages %}

<div class="flash-message">{{ message }}</div>

{% endfor %}

</div>

{% endif %}

{% endwith %}

{% block content %}{% endblock %}

</div>

</body>

</html>

```

### 2. 首页模板

`app/templates/index.html`:

```html

{% extends "base.html" %}

{% block title %}首页{% endblock %}

{% block content %}

<h1>欢迎来到Flask网站!</h1>

{% if current_user.is_authenticated %}

<p>你好, {{ current_user.username }}!</p>

{% else %}

<p>请<a href="{{ url_for('auth.login') }}">登录</a>或<a href="{{ url_for('auth.register') }}">注册</a></p>

{% endif %}

{% endblock %}

```

### 3. 登录模板

`app/templates/auth/login.html`:

```html

{% extends "base.html" %}

{% block title %}登录{% endblock %}

{% block content %}

<h1>登录</h1>

<form action="" method="post">

{{ form.hidden_tag() }}

<p>

{{ form.username.label }}<br>

{{ form.username(size=32) }}<br>

{% for error in form.username.errors %}

<span style="color: red;">[{{ error }}]</span>

{% endfor %}

</p>

<p>

{{ form.password.label }}<br>

{{ form.password(size=32) }}<br>

{% for error in form.password.errors %}

<span style="color: red;">[{{ error }}]</span>

{% endfor %}

</p>

<p>{{ form.remember_me() }} {{ form.remember_me.label }}</p>

<p>{{ form.submit() }}</p>

</form>

{% endblock %}

```

## 第六部分：运行与测试

### 1. 安装所有依赖

```bash

pip install flask flask-sqlalchemy flask-login flask-wtf

```

### 2. 运行应用

```bash

python run.py

```

### 3. 测试功能

1. 访问 http://127.0.0.1:5000 查看首页

2. 点击注册链接创建新账户

3. 登录并查看用户欢迎信息

4. 测试退出功能

## 第七部分：进阶功能扩展

### 1. 添加密码重置功能

### 2. 实现用户个人资料页面

### 3. 添加博客文章功能

### 4. 实现分页功能

### 5. 添加电子邮件支持

### 6. 部署到生产环境

这个实操教程涵盖了 Flask 网站开发的核心流程，您可以根据需要进一步扩展功能。Flask 的灵活性允许您轻松添加更多功能模块，如 REST API、后台管理、文件上传等。

#漫画p y t hon##p y t hon##新春营销学习计划##梧州头条#