【开源项目】若依Python版本,一款django-vue3前后端分离的后台管理系统

点击上方“AI搞事情”关注我们

简介

💡 django-vue3-admin 是一套全部开源的快速开发平台,毫无保留给个人免费使用、团体授权使用。django-vue3-admin 基于RBAC模型的权限控制的一整套基础开发平台,权限粒度达到列级别,前后端分离,后端采用django + django-rest-framework,前端采用基于 vue3 + CompositionAPI + typescript + vite + element plus

  • 🧑🤝🧑前端采用 Vue3+TS+pinia+fastcrud(感谢vue-next-admin)

  • 👭后端采用 Python 语言 Django 框架以及强大的 Django REST Framework。

  • 👫权限认证使用Django REST Framework SimpleJWT,支持多终端认证系统。

  • 👬支持加载动态权限菜单,多方式轻松权限控制。

  • 👬全新的列权限管控,粒度细化到每一列。

  • 💏特别鸣谢:vue-next-admin。

  • 💡特别感谢jetbrains 为本开源项目提供免费的 IntelliJ IDEA 授权。

🏭 环境支持
EdgeFirefoxChromeSafari
Edge ≥ 79Firefox ≥ 78Chrome ≥ 64Safari ≥ 12

由于 Vue3 不再支持 IE11,故而 ElementPlus 也不支持 IE11 及之前版本。

在线体验

👩‍👧‍👦演示地址:https://demo.dvadmin.com

  • 账号:superadmin

  • 密码:admin123456

👩‍👦‍👦文档地址:coding

源码地址

gitee地址(主推):https://gitee.com/huge-dream/django-vue3-admin👩‍👦‍👦

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

内置功能

  1. 👨‍⚕️菜单管理:配置系统菜单,操作权限,按钮权限标识、后端接口权限等。

  2. 🧑‍⚕️部门管理:配置系统组织机构(公司、部门、角色)。

  3. 👩‍⚕️角色管理:角色菜单权限分配、数据权限分配、设置角色按部门进行数据范围权限划分。

  4. 🧑‍🎓按钮权限控制:授权角色的按钮权限和接口权限,可做到每一个接口都能授权数据范围。

  5. 🧑‍🎓字段列权限控制:授权页面的字段显示权限,具体到某一列的显示权限。

  6. 👨‍🎓用户管理:用户是系统操作者,该功能主要完成系统用户配置。

  7. 👬接口白名单:配置不需要进行权限校验的接口。

  8. 🧑‍🔧字典管理:对系统中经常使用的一些较为固定的数据进行维护。

  9. 🧑‍🔧地区管理:对省市县区域进行管理。

  10. 📁附件管理:对平台上所有文件、图片等进行统一管理。

  11. 🗓️操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。

  12. 🔌插件市场 :基于Django-Vue-Admin框架开发的应用和插件。

仓库分支说明 💈

主分支:master(稳定版本)
开发分支:develop

准备工作

Python >= 3.11.0 (最低3.9+版本)
nodejs >= 16.0
Mysql >= 8.0 (可选,默认数据库sqlite3,支持5.7+,推荐8.0版本)
Redis (可选,最新版)

前端♝

# 克隆项目
git clone https://gitee.com/huge-dream/django-vue3-admin.git

# 进入项目目录
cd web

# 安装依赖
npm install yarn
yarn install --registry=https://registry.npm.taobao.org

# 启动服务
yarn build
# 浏览器访问 http://localhost:8080
# .env.development 文件中可配置启动端口等参数
# 构建生产环境
# yarn run build

后端💈

1. 进入项目目录 cd backend
2. 在项目根目录中,复制 ./conf/env.example.py 文件为一份新的到 ./conf 文件夹下,并重命名为 env.py
3. 在 env.py 中配置数据库信息
 mysql数据库版本建议:8.0
 mysql数据库字符集:utf8mb4
4. 安装依赖环境
 pip3 install -r requirements.txt
5. 执行迁移命令:
 python3 manage.py makemigrations
 python3 manage.py migrate
6. 初始化数据
 python3 manage.py init
7. 初始化省市县数据:
 python3 manage.py init_area
8. 启动项目
 python3 manage.py runserver 0.0.0.0:8000
或使用 uvicorn :
  uvicorn application.asgi:application --port 8000 --host 0.0.0.0 --workers 8

开发建议

前后端backend与web各自单独一个窗口打开进行开发

访问项目

  • 访问地址:http://localhost:8080 (默认为此地址,如有修改请按照配置文件)

  • 账号:superadmin 密码:admin123456

docker-compose 运行

# 先安装docker-compose (自行百度安装),执行此命令等待安装,如有使用celery插件请打开docker-compose.yml中celery 部分注释
docker-compose up -d
# 初始化后端数据(第一次执行即可)
docker exec -ti dvadmin3-django bash
python manage.py makemigrations 
python manage.py migrate
python manage.py init_area
python manage.py init
exit

前端地址:http://127.0.0.1:8080
后端地址:http://127.0.0.1:8080/api
# 在服务器上请把127.0.0.1 换成自己公网ip
账号:superadmin 密码:admin123456

# docker-compose 停止
docker-compose down
#  docker-compose 重启
docker-compose restart
#  docker-compose 启动时重新进行 build
docker-compose up -d --build

演示图✅

2b2e1985bc3393e229950333a39ccf62.png


6b66d1835939409249e6e4861661a772.png


18d7345e4a8e9f8f47926c13711a38fb.png



a26bc1a89a4bffc45ff60801d1f725e8.png


4cfe0f5502ebbc38c9af1ad93752248c.png


176b2106038ac6276d354cefee55a150.png

 
c8933e412ddb45f57836be0cc2b7c12b.png

65bca4a7c20aaa1789ee5e5ff361ef1f.png

 

c18e4767c3ee13e0481e126a35459892.png

 

130b61fe0c685711b5c1a9437ec52829.png

 

f70e3c318cbcb5a7dc4e33c5ae99aaf9.png

cb99d404eb939cdccb901167608e2f45.png

6a86d4e7b9d9f3fa032e52a0a48242df.jpeg

长按二维码关注我们

有趣的灵魂在等你

665f7c9a1ed055c1b2fa132498c1e589.gif

4d6a6572b611944e69607d2fe954d01f.png

b56f8d1ebe307cf5a5b1405bce347e38.png

  • 0
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Python是一种高级编程语言,可以用来开发各种类型的应用程序。DjangoPython的一个开发框架,它提供了一套完整的工具和函数,用于快速开发高质量的Web应用程序。Vue是一种JavaScript框架,用于构建用户界面。 我们可以使用PythonDjango开发一个后台管理系统,该系统可以用于管理各种数据和业务逻辑。使用Django的ORM(对象关系映射)功能,我们可以轻松地组织和管理数据库中的数据。我们可以定义模型类来表示数据库表,然后使用Django提供的视图和模板来呈现和操作这些数据。 对于PDF文件的处理,可以使用Python中的第三方库来实现。例如,可以使用PyPDF2库来提取PDF文件的内容,或者使用ReportLab库来生成PDF文件。 在后台管理系统中,我们可以使用Vue来构建用户界面。Vue的组件化开发模式可以帮助我们清晰地划分界面,提高开发效率。通过Vue的数据绑定功能,我们可以实现一个交互式的用户界面,以方便用户对数据进行操作和管理。 总结起来,我们可以使用PythonDjango开发后台管理系统,然后使用Vue来构建用户界面。在系统中处理PDF文件时,可以使用Python的第三方库来实现相关功能。这样的系统将能够方便地管理数据,并提供一个友好和交互式的用户界面。 ### 回答2: Python是一种强大的编程语言,而DjangoPython的一个开发框架,它能够快速地帮助开发者搭建出高效稳定的后台管理系统。而Vue是一种流行的JavaScript框架,能够实现前端页面与后台数据的交互。 在这个后台管理系统中,我们希望能够实现对PDF文件的管理,以及对其进行操作和展示。具体而言,我们希望实现以下功能: 1. 文件上传和保存:用户可以通过该系统上传PDF文件,并将其保存在后台数据库中进行管理。 2. 文件列表展示:系统能够展示已上传的PDF文件列表,包括文件名称、上传时间等信息。 3. 文件预览:用户可以点击某个文件,在前端页面上进行预览,查看PDF文件内容。 4. 文件下载:用户可以选择下载某个PDF文件到本地,以便查看或者进行其他操作。 5. 文件搜索:系统能够根据用户输入的关键词,对已上传的PDF文件进行搜索,并返回相关结果。 为了实现这些功能,我们可以借助Django的文件上传和数据库操作功能。前端页面可以使用Vue来展示文件列表和搜索框,并通过Vue的组件化和数据绑定特性实现动态更新。而PDF文件的预览和下载功能,则可以使用一些开源的JavaScript库,如PDF.js等。 总的来说,通过PythonDjango框架和Vue的前端开发能力,结合PDF的相关JavaScript库,我们能够实现一个功能齐全、操作方便的后台管理系统,提供便捷的PDF文件管理和展示功能。 ### 回答3: Python是一种高级编程语言Django是一个基于Python的Web框架,而Vue是一个流行的JavaScript框架。结合这三者,可以实现一个功能强大的后台管理系统,并且支持生成和展示PDF文件。 首先,使用Django来搭建后台,可以使用Django的模型和视图来定义和处理数据模型。通过定义模型类,可以创建数据库表格,并通过视图函数来处理用户的请求,并返回相应的数据或页面。 在前端部分,可以使用Vue来构建用户界面和交互逻辑。Vue有很多强大的功能,比如组件化、双向数据绑定和虚拟DOM等,可以提高开发效率和用户体验。可以使用Vue的组件来实现后台管理系统的各种页面和功能模块,比如用户管理、文章管理、数据统计等。 为了支持PDF的生成和展示,可以使用Python的第三方库,比如ReportLab来生成PDF文件。ReportLab提供了丰富的API来创建和编辑PDF,可以用于生成包含动态数据的PDF报告或文档。生成PDF后,可以使用Django的文件管理系统来存储和管理生成的PDF文件,同时可以通过Django的视图函数和模板来展示PDF文件或提供下载功能。 总结来说,使用PythonDjango框架和Vue框架,可以快速开发一个功能丰富的后台管理系统。通过结合Python的第三方库,还可以支持PDF的生成和展示功能。这样的系统既具备了后台数据管理的功能,又提供了良好的用户界面和交互体验,能够满足现代Web应用的需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值