django-react-soft-dashboard
项目核心内容总结:
项目功能
- 提供一个基于 Material-UI 的 React 前端与 Django API 后端的全栈仪表盘模板,支持用户注册、登录、注销的 JWT 认证流程。
- 前端包含 70+ 可复用组件(如按钮、卡片、导航栏等),后端基于 Django/DRF,提供 SQLite3 数据库支持、单元测试和 Docker 部署方案。
使用方法
-
启动 Django API
- 使用 Docker:进入
django-api目录,执行docker-compose up --build,后端服务运行于http://localhost:5000。 - 手动启动:创建虚拟环境、安装依赖、配置
.env文件,运行python manage.py runserver 5000。
- 使用 Docker:进入
-
启动 React 前端
- 进入
react-ui目录,执行yarn安装依赖,再运行yarn start,前端服务运行于http://localhost:3000。
- 进入
主要特性
- Material-UI 设计:由 Creative-Tim 提供,支持灵活的组件组合。
- 全栈集成:前后端分离,支持自定义 API 端口配置。
- 开发便捷性:提供 Docker 快速部署、JWT 认证接口(含 Postman 示例)、多版本 NodeJS 兼容性测试。
- 扩展性强:后端支持单元测试,前端使用 Redux 管理状态,适配多种开发场景。