Django React - Datta Able (免费全栈产品)编码员们好。本文介绍了一个开源的全栈产品，它使用一

编码员们好。

本文介绍了一个开源的全栈产品，它使用一个解耦的React UI和一个简单的Django Rest API进行认证。这个简单的入门产品可能会帮助初学者通过在现有代码上编写简单的功能来更快地适应全栈模式。资源可在Github上以MIT许可方式获得。

谢谢你的阅读!- 内容由**App Generator**提供。

这个免费的产品可以在很多方面使用：第一个可能是教育。初学者可以克隆这个项目，在项目的两个部分：后端和前端的基础上实验构建和编码简单的东西。另一种方式是在生产中使用该产品，并在业余或商业终端产品中重新使用其功能。

如何构建后端

后台是一个简单的Django API服务器，由SQLite、Django REST API和JSON Web Tokens 、Docker支持构建。

产品要求。

第1步- 克隆源代码

$ git clone https://github.com/app-generator/api-server-django.git
$ cd api-server-django

第2步- 创建一个虚拟环境

$ virtualenv -p python3 venv
$ source venv/bin/activate

第3步 - 安装依赖项（通过PIP）。

$ pip install -r requirements.txt

第3步- 启动API服务器

$ python manage.py migrate
$ python manage.py runserver 5000

在这一点上，API服务器应该已经启动并运行。

产品自带Docker 配置，设置的速度会快很多。

$ docker-compose up -d --build

要建立用户界面，需要一个合适的Node JS版本（>=12.x）和GIT来克隆/下载公共资源库中的项目。

步骤#1- 克隆项目

$ git clone https://github.com/app-generator/react-datta-able-dashboard.git
$ cd react-datta-able-dashboard

第2步- 通过NPM或yarn安装依赖项

$ npm i
// OR
$ yarn

第3步 - 以开发模式启动

$ npm run start 
// OR
$ yarn start

在这一点上，我们应该看到React UI在浏览器中运行。默认情况下，访客用户会被重定向到登录页面。一旦我们创建了一个新的用户并成功认证，该应用就会解锁所有的私人页面。

Django React Datta- 登录页面

Django React Datta- Widgets页面

**谢谢你的阅读!**如需支持和更多资源，请访问。