Django_Admin_Vue：Django后台管理的利器

引言

Django_Admin_Vue 是一个开源项目，旨在简化 Django 后台管理系统的开发。借助 Vue.js 技术栈，它提供了一套现代化、灵活且易于定制的用户界面，让开发者能够轻松地构建美观、功能强大的管理界面。本文将深入探讨 Django_Admin_Vue 的特性和优势，以及如何使用它来加速 Django 后台管理系统的开发过程。

💡框架介绍

它是一个完全开源的快速开发平台，免费提供给个人使用，并授权供团体使用。

Django-Vue3-Admin是一个基于RBAC（Role-based Access Control，基于角色的访问控制）模型的权限控制综合基础开发平台，具有列级粒度。它遵循前端-后端分离架构，后端使用Django和Django Rest Framework，前端使用Vue3、Composition API、TypeScript、Vite和Element Plus。

💡 django-vue3-admin。是一套全开源的快速开发平台，无保留供个人和企业免费使用。
🧑‍🤝‍🧑前端 Vue3+TS+pinia+fastcrud。
👭后端使用Python语言Django框架以及强大的Django REST框架。
👫权限验证使用Django REST Framework SimpleJWT，支持多终端认证系统。
👬支持加载动态权限菜单，多方式轻松控制权限。
👬增强的列权限控制，粒度降至每列。
💏特别感谢：vue next admin.
💡特别感谢：jetbrains为这个开源项目提供免费的IntelliJ IDEA许可证。

源代码

gitee(Main push)：https://gitee.com/huge-dream/django-vue3-admin👩‍👦‍👦

github：https://github.com/huge-dream/django-vue3-admin👩‍👦‍👦

core function

👨‍⚕️菜单管理：配置系统菜单、操作权限、按钮权限标志、后端接口权限等。
🧑‍⚕️部门管理：配置系统组织结构（公司、部门、角色）。
👩‍⚕️角色管理：角色菜单权限分配，数据权限分配，按部门设置基于角色的数据范围权限。
🧑‍🎓按钮权限控制：对特定角色的按钮权限和接口权限进行授权，实现对每个接口的数据范围的授权。
🧑‍🎓字段列权限控制：对页面字段的显示权限进行授权，专门针对某一列的显示权限。
👨‍🎓用户管理：用户是系统操作员，此功能主要用于系统用户配置。
👬API白名单：配置不需要权限验证的接口。
🧑‍🔧字典管理：维护系统中常用且相对固定的数据。
🧑‍🔧区域管理：管理省、市、县、区。
📁文件管理：统一管理平台上的所有文件、图像等。
🗓️操作日志：记录和查询正常系统操作和异常系统信息的日志。
🔌插件市场：基于Django Vue Admin框架开发的应用程序和插件。

环境要求

Python >= 3.11.0 (Minimum version 3.9+)
Node.js >= 16.0
Mysql >= 8.0 (Optional, default database: SQLite3, supports 5.7+, recommended version: 8.0)
Redis (Optional, latest version)

前端搭建♝

# clone code
git clone https://gitee.com/huge-dream/django-vue3-admin.git

# enter code dir
cd web

# install dependence
npm install yarn
yarn install --registry=https://registry.npm.taobao.org

# Start service
yarn run dev
# Visit http://localhost:8080 in your browser
# Parameters such as boot port can be configured in the #.env.development file
# Build the production environment
# yarn run build

后端运行💈

1. enter code dir cd backend
2. copy ./conf/env.example.py to ./conf dir，rename as env.py
3. in env.py configure database information
 mysql database recommended version: 8.0
 mysql database character set: utf8mb4
4. install pip dependence
 pip3 install -r requirements.txt
5. Execute the migration command:
 python3 manage.py makemigrations
 python3 manage.py migrate
6. Initialization data
 python3 manage.py init
7. Initialize provincial, municipal and county data:
 python3 manage.py init_area
8. start backend
 python3 manage.py runserver 0.0.0.0:8000
or uvicorn :
  uvicorn application.asgi:application --port 8000 --host 0.0.0.0 --workers 8

访问API接口

访问网址：http://localhost:8080（默认地址是这个。如果您想更改它，请按照配置文件操作）

如下所示：

前端运行成功会如下所示的端口：

点击第一个链接进去之后前端的账号密码如下：

account：superadmin password：admin123456

项目截图✅

注意事项

在前后端运行项目的时候，会遇到各种bug，尤其是前端，所以一定要仔细查看官方文档还有查看报错信息，才能把项目在本地运行起来，如果还有问题，可以一起交流。

总结

Django_Admin_Vue 提供了一个简单而强大的解决方案，使开发者能够快速构建出符合现代化标准的 Django 后台管理系统。通过整合 Vue.js 技术，它不仅提供了丰富的组件和样式，还提供了灵活的定制选项，满足了不同项目的需求。使用 Django_Admin_Vue，开发者可以高效地开发出功能完善、易用美观的后台管理系统，为项目开发带来更多便利和效率。