Django-React-Redux-Boilerplate 项目教程

Django-React-Redux-Boilerplate 项目教程

Django-React-Redux-Boilerplate This is a setup of Authentication and Registration Integrated with React.js, Using Material UI Minimal Kit. 项目地址: https://gitcode.com/gh_mirrors/dj/Django-React-Redux-Boilerplate

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

Django-React-Redux-Boilerplate/
├── backend/
│   ├── app/
│   ├── config/
│   ├── manage.py
│   └── requirements/
├── frontend/
│   ├── public/
│   ├── src/
│   ├── package.json
│   └── yarn.lock
├── image/
├── .gitignore
├── CODE_OF_CONDUCT.md
├── LICENSE
└── README.md

目录结构介绍

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

  • app/: 包含 Django 应用的代码。
  • config/: 包含 Django 项目的配置文件。
  • manage.py: Django 项目的管理脚本。
  • requirements/: 包含项目的依赖文件。

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

  • public/: 包含前端项目的公共文件。
  • src/: 包含前端项目的源代码。
  • package.json: 前端项目的依赖配置文件。
  • yarn.lock: 前端项目的依赖锁定文件。

• image/: 包含项目的图片资源。

• .gitignore: Git 忽略文件配置。

• CODE_OF_CONDUCT.md: 项目的行为准则。

• LICENSE: 项目的开源许可证。

• README.md: 项目的介绍文档。

2. 项目的启动文件介绍

后端启动文件

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

# 启动 Django 服务器
python manage.py runserver

前端启动文件

• package.json: 前端项目的依赖配置文件，包含启动命令。

# 安装依赖
yarn install

# 启动 React 应用
yarn start

3. 项目的配置文件介绍

后端配置文件

• config/settings.py: Django 项目的主要配置文件，包含数据库配置、静态文件配置、中间件配置等。

# 示例配置
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}

前端配置文件

• package.json: 前端项目的依赖配置文件，包含项目的依赖包和启动命令。

{
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }
}

通过以上配置，您可以轻松启动和配置 Django-React-Redux-Boilerplate 项目。

Django-React-Redux-Boilerplate This is a setup of Authentication and Registration Integrated with React.js, Using Material UI Minimal Kit. 项目地址: https://gitcode.com/gh_mirrors/dj/Django-React-Redux-Boilerplate