快速上手 Django、React 和 Docker - 开源项目

各位程序员朋友们好！

本文介绍了一个开源的种子项目，该项目使用基于React前端和简洁Django API 的框架。Django React Soft Dashboard可从 GitHub 下载，无需注册，并可用于商业产品或在线学习活动。

对于新手来说，Django是一个领先的 Web 框架，受到编程专家的积极支持；而React是一个流行的 JS 库，用于编写用户界面，由 Facebook 开发。

• 👉 Django React Soft - 在线演示
• 👉 Django React Soft - 源代码

该产品采用两层架构，其中 React 前端在逻辑上和物理上与 API 后端解耦。

✨ 入门功能

• 创新型Material UI设计 - 由 Creative-Tim 精心打造
• ReactRedux、Redux-persist
• AuthenticationJWT 登录/注册/注销
• Full-Stack ready通过一个简单的 Django API
• DockerAPI 部分的支持
• SQLite持久化，Django DRF
• Up-to-date dependencies- Django v4

只需在终端输入几条命令，即可在本地使用该产品。通过产品自带的 Docker 设置，可以更轻松地启动 API。

✨ 启动 API 服务器

从 Github 克隆/下载源代码

$ git clone https://github.com/app-generator/django-react-soft-dashboard.git
$ cd django-react-soft-dashboard

通过 Docker 启动 Django API

$ cd django-api
$ docker-compose up --build
$
$ # API is up on port 5000

命令执行完毕后，我们应该能够访问 API 并创建用户。POSTMAN是一个常用的工具，但我们也可以使用命令行工具，例如cURL。

✨ 启动 React UI

Soft UI Dashboard它兼容多个NodeJS版本（14.x、16.x），我们可以使用单个命令编译并启动该产品：

$ cd react-ui
$ yarn         # install modules
$ yarn start   # start the app
$
$ # React UI is up on port 3000

所有命令执行完毕后，我们应该能够在浏览器中访问该应用程序，注册新用户并进行身份验证。

Django React Soft - 用户个人资料

Django React Soft - 图表页面

如果 Django 不是您首选的后端服务器，React 前端也可以与NodeJS、Laravel或Flask（均为免费）一起使用。

感谢阅读！更多资源，请访问：

• 🎁 Flask React Soft - 免费产品
• 🎁 更多使用 Flask 构建的免费仪表盘Django，以及React