Django DRF React 快速启动项目教程

Django DRF React 快速启动项目教程

django-drf-react-quickstart Django REST framework/React quickstart 项目地址: https://gitcode.com/gh_mirrors/dj/django-drf-react-quickstart

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

django-drf-react-quickstart/
├── backend/
│   ├── config/
│   │   ├── __init__.py
│   │   ├── settings.py
│   │   ├── urls.py
│   │   └── wsgi.py
│   ├── manage.py
│   ├── requirements.txt
│   └── ...
├── frontend/
│   ├── public/
│   ├── src/
│   │   ├── App.js
│   │   ├── index.js
│   │   └── ...
│   ├── package.json
│   └── ...
└── README.md

目录结构介绍

• backend/: Django 后端项目的根目录。

  • config/: 包含 Django 项目的配置文件。
    • settings.py: Django 项目的配置文件，包含数据库、静态文件、中间件等配置。
    • urls.py: 项目的 URL 路由配置。
    • wsgi.py: WSGI 配置文件，用于部署项目。
  • manage.py: Django 项目的管理脚本，用于启动开发服务器、运行迁移等操作。
  • requirements.txt: 项目依赖的 Python 包列表。

• frontend/: React 前端项目的根目录。

  • public/: 包含 React 项目的公共文件，如 HTML 模板等。
  • src/: 包含 React 项目的源代码。
    • App.js: React 应用的主组件。
    • index.js: React 应用的入口文件。
  • package.json: 前端项目的依赖配置文件。

2. 项目的启动文件介绍

后端启动文件

• manage.py: 这是 Django 项目的管理脚本，用于启动开发服务器、运行迁移、创建超级用户等操作。启动 Django 开发服务器的命令为：

  python manage.py runserver
  

前端启动文件

• package.json: 这是前端项目的依赖配置文件，包含了项目的依赖包和脚本命令。启动 React 开发服务器的命令为：

  npm start
  

3. 项目的配置文件介绍

后端配置文件

• settings.py: 这是 Django 项目的主要配置文件，包含了数据库配置、静态文件配置、中间件配置等。以下是一些关键配置项的介绍：
  • DATABASES: 配置数据库连接信息。
  • INSTALLED_APPS: 列出项目中安装的应用。
  • MIDDLEWARE: 配置项目中使用的中间件。
  • STATIC_URL: 配置静态文件的 URL 路径。

前端配置文件

• package.json: 这是前端项目的依赖配置文件，包含了项目的依赖包和脚本命令。以下是一些关键配置项的介绍：
  • dependencies: 列出项目中使用的依赖包。
  • scripts: 定义了项目的脚本命令，如 start、build 等。

django-drf-react-quickstart Django REST framework/React quickstart 项目地址: https://gitcode.com/gh_mirrors/dj/django-drf-react-quickstart