Flask React SPA 项目教程

1. 项目的目录结构及介绍

flask-react-spa/
├── app/
│   ├── api/
│   ├── auth/
│   ├── common/
│   ├── config/
│   ├── frontend/
│   ├── models/
│   ├── static/
│   ├── templates/
│   ├── __init__.py
│   └── views.py
├── migrations/
├── tests/
├── .env
├── .gitignore
├── Dockerfile
├── manage.py
├── README.md
└── requirements.txt

• app/: 包含应用程序的主要代码。
  • api/: 包含 RESTful API 的实现。
  • auth/: 包含用户认证和注册的代码。
  • common/: 包含通用功能和工具函数。
  • config/: 包含应用程序的配置文件。
  • frontend/: 包含 React 前端代码。
  • models/: 包含数据库模型。
  • static/: 包含静态文件，如 CSS 和 JavaScript。
  • templates/: 包含 HTML 模板文件。
  • init.py: 应用程序的初始化文件。
  • views.py: 包含视图函数。
• migrations/: 包含数据库迁移脚本。
• tests/: 包含测试代码。
• .env: 环境变量配置文件。
• .gitignore: Git 忽略文件配置。
• Dockerfile: Docker 容器配置文件。
• manage.py: 项目管理脚本。
• README.md: 项目说明文档。
• requirements.txt: 项目依赖包列表。

2. 项目的启动文件介绍

manage.py

manage.py 是项目的管理脚本，用于启动应用程序、运行数据库迁移、运行测试等。

from app import create_app

app = create_app()

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

• create_app(): 创建 Flask 应用程序实例。
• app.run(debug=True): 以调试模式启动应用程序。

3. 项目的配置文件介绍

config/

config/ 目录包含应用程序的配置文件。

config/
├── __init__.py
├── default.py
├── development.py
├── production.py
└── testing.py

• init.py: 配置模块的初始化文件。
• default.py: 默认配置。
• development.py: 开发环境配置。
• production.py: 生产环境配置。
• testing.py: 测试环境配置。

.env

.env 文件用于存储环境变量。

FLASK_ENV=development
SECRET_KEY=your_secret_key
DATABASE_URL=sqlite:///app.db

• FLASK_ENV: 指定运行环境（development, production, testing）。
• SECRET_KEY: 应用程序的密钥。
• DATABASE_URL: 数据库连接 URL。

以上是 Flask React SPA 项目的目录结构、启动文件和配置文件的介绍。希望这篇教程能帮助你更好地理解和使用该项目。