开源!Django-Vue3-Admin的Python后台管理系统

Django-Vue3-Admin

项目简介

Django-Vue3-Admin 是一个基于 Django + Vue3 的前后端分离的后台管理系统,采用了最新的前后端技术栈,内置了丰富的功能模块,可以帮助开发者快速搭建企业级中后台产品。

技术架构

后端技术栈

  • 核心框架:Django 4.2.1
  • 权限认证:Django REST framework + JWT + Casbin
  • 数据库:MySQL 8.0+
  • 缓存:Redis
  • 任务队列:Celery
  • WebSocket:Channels + Redis
  • 跨域处理:django-cors-headers
  • 验证码:django-simple-captcha
  • 数据导出:django-import-export

前端技术栈

  • 核心框架:Vue 3.0 (Composition API)
  • 开发语言:TypeScript
  • 构建工具:Vite 3
  • UI 框架:Element Plus
  • 状态管理:Pinia
  • 路由管理:Vue Router
  • 国际化:vue-i18n

功能特点

1. 用户权限管理

  • 基于 Casbin 的 RBAC 权限模型
  • 多维度数据权限控制
  • 动态路由和菜单权限
  • 按钮级权限控制

2. 系统功能

  • 用户管理:用户信息管理、状态控制、多角色分配
  • 角色管理:角色权限分配、数据权限设置
  • 菜单管理:动态菜单配置,支持多级菜单
  • 部门管理:部门组织架构维护
  • 岗位管理:岗位信息维护

3. 系统监控

  • 操作日志:系统操作记录
  • 任务监控:定时任务执行监控
  • 服务监控:服务器性能监控

4. 系统工具

  • 数据字典:系统中各种枚举数据维护
  • 消息管理:系统消息推送和管理

部署说明

环境要求

  • Python 3.9+
  • Node.js 16+
  • MySQL 8.0+
  • Redis
  • Docker(可选)

部署步骤

1. Docker 部署(推荐)
# 启动所有服务
docker-compose up -d

# 仅启动后端服务
docker-compose -f django-admin.yml up -d

# 仅启动前端服务
docker-compose -f django-web.yml up -d
2. 常规部署
后端部署
cd backend
# 安装依赖
pip install -r requirements.txt -i https://mirrors.aliyun.com/pypi/simple/

# 数据库迁移
python manage.py makemigrations
python manage.py migrate

# 初始化数据
python manage.py init

# 启动服务
python manage.py runserver 127.0.0.1:8000
前端部署
cd web
# 安装依赖
pnpm install

# 开发环境
pnpm run dev

# 生产环境
pnpm build

初始账号

  • 用户名:paopao
  • 密码:123456

开发指南

后端开发

  • 遵循 Django 开发规范
  • 使用 Django REST framework 开发 API
  • 使用 Casbin 进行权限控制
  • 使用 Celery 处理异步任务

前端开发

  • 组件命名采用 PascalCase
  • TypeScript 类型定义放在 types 目录
  • API 接口按模块组织在 api 目录
  • 使用 ESLint + Prettier 进行代码规范

演示图

登录页面
旋转验证码
首页
主题修改
API管理
岗位管理
部门管理
菜单管理
角色管理
用户管理
字典管理
信息中心
服务监控
定时任务
操作日志
运行日志

许可证

此项目为开源项目,请勿商用,若要商用,请联系作者

代码地址

https://gitee.com/taskPyroer/django-vue3-admin
https://github.com/taskPyroer/DjangoVue3Admin

学习交流

地球号:PJ221BBBGZ号:布鲁的Python之旅
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值