Django-Vue-Admin-Pro 开源项目安装与配置指南

Django-Vue-Admin-Pro 开源项目安装与配置指南

django-vue-admin-pro项目地址:https://gitcode.com/gh_mirrors/dj/django-vue-admin-pro

1. 项目目录结构及介绍

├── backend                 # 后端Django项目目录
│   ├── manage.py           # Django命令行管理工具
│   ├── backend              # Django app及相关代码
│   ├── requirements.txt     # 后端依赖列表
│   └── ...                  # 其他Django标准目录结构文件
├── web                     # 前端Vue项目目录
│   ├── public               # 静态资源文件，如 favicon.ico, index.html
│   ├── src                  # Vue应用主源代码
│   │   ├── assets            # 静态资产，比如图片、图标
│   │   ├── components        # 共享组件
│   │   ├── views             # 视图组件
│   │   ├── store             # Vuex状态管理
│   │   ├── main.js           # Vue入口文件
│   │   └── ...               # 其余Vue相关文件
│   ├── package.json         # npm 包配置文件
│   └── ...
├── README.md                # 项目说明文件
├── docker-compose.yml      # Docker编排文件，用于容器化部署
└── ...                      # 许可证、贡献指南等相关文件

项目简介: Django-Vue-Admin-Pro 是一个基于Django和Vue.js的全栈开源快速开发平台，它提供了现代的前端界面以及强大的后端支撑。前端利用Vue.js和D2Admin进行构建，而后端则依托Python的Django框架，实现了JWT身份验证，支持多终端认证系统。

2. 项目的启动文件介绍

后端启动 - manage.py

• 用途: Django的核心管理脚本，用于执行各种项目管理任务，包括运行服务器(python manage.py runserver)、数据库迁移(python manage.py migrate)、收集静态文件(python manage.py collectstatic)等。

前端启动 - package.json

• scripts 部分定义了npm脚本，例如：
  • npm run serve: 启动Vue.js开发服务器，用于前端开发和预览。
  • npm run build: 构建生产环境下的前端资源。

3. 项目的配置文件介绍

后端配置 - backend/settings.py

• 作用: Django项目的主要配置文件，包含了数据库设置、中间件、应用程序(apps)的注册、模板引擎配置、静态文件与媒体文件路径等。
• 关键配置项:
  • DATABASES: 数据库配置，指定数据库类型、主机、端口、用户名和密码等。
  • INSTALLED_APPS: 列表中包含所有已安装的应用程序名称，如'django.contrib.admin', 'backend.apps.BackendConfig'等。
  • MIDDLEWARE: 中间件序列，影响请求和响应的处理流程。
  • AUTHENTICATION_BACKENDS: 认证机制配置，通常含JWT相关的认证类。

前端配置 - vue.config.js (如果有)

• 描述: Vue CLI的自定义配置文件，允许不通过修改默认配置文件即可覆盖某些默认行为，如调整公共路径(publicPath)，配置代理解决跨域等问题。

注意事项

• 在启动项目前，需确保已经正确安装后端的Python环境和前端的Node.js环境。
• 根据实际需求，可能需要对.env文件（如果项目中包含）进行相应环境变量的配置。
• 完成环境准备后，遵循项目文档中的步骤，先安装依赖(pip install -r requirements.txt 和 npm install)，再分别启动前后端服务。

django-vue-admin-pro项目地址:https://gitcode.com/gh_mirrors/dj/django-vue-admin-pro