Django-vue3-admin 运行

lucky6808

已于 2025-05-20 10:38:06 修改

阅读量249

点赞数 3

CC 4.0 BY-SA版权

文章标签： django python 后端

于 2025-05-20 09:32:56 首次发布

本文链接：https://blog.youkuaiyun.com/qq_43008246/article/details/148080260

一、运行

前端依赖拉取：

npm install

前端服务启动：npm run dev

后端依赖修改：

requirements.txt

先将mysqlclient 版本去掉下载，如果运行正常，就一切正常，如果运行报错缺少依赖，就一个一个下吧。依赖解决完了，然后，迁移数据

drf-yasg==1.21.7
mysqlclient
pypinyin==0.51.0

Swagger：

前提：放开swagger 权限，修改backend - application - urls.py -> line:53

permission_classes=(permissions.AllowAny),

地址：http://127.0.0.1:8000/

二、开发

新增加模块：

produc

创建 app

python manage.py startapp product

【注意自己新建 urls.py】

创建迁移文件

python manage.py makemigrations product

执行迁移（同步数据库）

python manage.py migrate

然后在 application - settings.py - INSTALLED_APPS 增加 product 模块

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lucky6808

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Django-Vue-Admin基于Django+Vue前后端分离权限管理框架

一米阳光的博客

10-23

885

一款 Python 语言基于Django、Vue、ElementUI、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮等等一系列个性化、轻量级的组件，是一款真正意义上实现低代码开发的敏捷开发框架。

django-vue-admin 本地部署

csmnjk的专栏

06-13

1321

下载master分支zip代码包，解压后删掉web\src\views\system\demo\demo.vue，并注释以下部分代码，否则yarn bulid的时候会报关于curd的错误。主分支：master（稳定版本）开发分支：develop。前后端web与backend各自单独一个窗口打开运行。

参与评论您还未登录，请先登录后发表或查看评论

在本地部署运行django-vue-admin

m0_56999722的博客

04-28

735

安装完成以后，导入配置文件，我这里在bash_profile和zshrc文件都导入了。1、使用pip3 install -r requirements.txt遇到了。问题原因&解决方法：我没有安装postgresql，需要安装。我使用的dmg安装，也没有进行新建用户的步骤，直接安装。这里我已经安装了mysqlclient这个库。首先 pip install pymysql。这个淘宝的可能失效了，我是使用的命令。数据库链接工具使用navicat。下载develop分支的代码。这样使用迁移命令就不会报错了。

若依django-vue3-admin时间筛选报错问题

最新发布

qq_59663925的博客

05-27

216

针对时间筛选报错问题，解决方案为修改dvadmin/utils/filters.py文件中的默认时间设置。具体操作是移除图片中显示的默认时间配置项，修改后功能即可恢复正常使用。该问题通过简单的配置文件调整即可解决。

Django-Vue3-Admin 学习笔记（一）项目后端部署记录

qq_39838545的博客

05-16

3531

笔者偶然听说 Django-Vue3-Admin 是个不错的选择，所以选择这个框架进行开发。然而由于官方文档更新不及时，存在版本不同问题，所以笔者部署时遇到了不少的问题，在这里我将把我遇到的问题详细列出来，同时给予正确的答案，帮助大家更好地学习使用这个新框架。本节为Django后端部分。

Django-Vue3-Lyadmin后台管理系统

weixin_43843393的博客

02-22

4874

Django-Vue3-Lyadmin 群聊平台简介 django-vue3-lyadmin 是一套python django web前后端分离的管理后台快速开发平台，去繁从简、还你一个干净的后台管理系统前端采用Vue3（elementplus）后端采用Python语言Django框架权限认证使用JWT（djangorestframework-simplejwt），支持多终端认证系统接口采用（drf）djangorestframework 支持加载动态权限菜单，内置常用模块，多方式轻松权限控制

一、django-vue-admin开源项目二次开发——环境调试

喵酱

05-31

4652

2. 在项目根目录中，复制 ./conf/env.example.py 文件为一份新的到 ./conf 文件夹下，并重命名为 env.py。使用pycharm打开后端项目的时候，要直接打开backend项目，而不是打开django-vue-admin-pro目录。后端接口文档地址：http://127.0.0.1:8000/swagger。5、浏览器访问 http://localhost:8080。注意，这个项目node 18 版本，会报错。下载项目，前端和后端是在一起的。再使用cnpm安装依赖。

探索高效开发新天地：Django-Vue3-Admin——全面赋能企业级应用构建

gitblog_00058的博客

06-05

733

探索高效开发新天地：Django-Vue3-Admin——全面赋能企业级应用构建 django-vue3-admin Django-Vue3-Admin is a comprehensive basic development platform based on the RBAC (Role-Based Access C...

基于Django-Vue-Admin毕业设计-企业级后端管理系统

11-07

内置功能菜单管理：配置系统菜单，操作权限，按钮权限标识、后端接口权限等。部门管理：配置系统组织机构（公司、部门、角色）。角色管理：角色菜单权限...插件市场：基于Django-Vue-Admin框架开发的应用和插件。

django-vue-admin-pro.rar

03-28

"django-vue-admin-pro.rar" 是一个包含使用Django框架和Vue.js前端库构建的高级管理后台项目的压缩文件。这个项目可能是一个模板或者一个已经开发完成的系统，用于快速搭建高效、美观且功能丰富的Web应用后台。让...

django-vue-admin 依赖包

04-23

django-vue-admin-pro 是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。前端采用D2Admin 、Vue。后端采用Python语言Django框架。权限认证使用Jwt，支持多终端认证系统。支持加载动态权限菜单，多...

django-vue-admin发布教程.docx

04-11

### Django-Vue-Admin 发布教程详解 #### 一、概览本教程旨在帮助开发者了解如何将基于 Django 和 Vue.js 的项目部署到生产环境中。本文档基于文档“django-vue-admin发布教程.docx”，主要介绍了如何在 Linux ...

django-vue-admin：基于RBAC模型权限控制的中小型应用的基础开发平台，前拆分分离，采用采用django + django-rest-framework，前端采用vue + ElementUI，移动端采用uniapp + uView（可发布） h5和小程序）

02-04

简介基于RBAC模型权限控制的中小型应用的基础开发平台，前拆分，替代采用django + django-rest-framework，前端采用vue + ElementUI，移动端采用uniapp + uView（可发布h5和小程序）。 JWT认证，可使用simple_history实现审计功能，支持内置模块有组织机构\用户\角色\职位\数据字典\文件库\定时任务支持功能权限（控权到每个接口）和简单的数据权限（全部，本级及以下，同级及以下，本人等）部分截图启动（以下是在windows下开发操作步骤） django革命定位到服务器文件夹建立虚拟环境python -m venv v

在window系统，部署开源项目【Django-Vue3-Admin】的后端模块

qq_34765995的博客

05-05

469

访问地址：http://localhost:8080(默认为此地址，如有修改请按照配置文件)- 账号：`superadmin` 密码：`admin123456`1、导入后端代码，使用默认的sqlite数据库。

Django-Vue3-Lyadmin后台管理系统_django-vue-lyadmin，2024年最新谈谈Golang-Binder机制及AIDL使用

2401_84254451的博客

04-17

1293

django-vue3-lyadmin 是一套python django web前后端分离的管理后台快速开发平台，去繁从简、还你一个干净的后台管理系统前端采用Vue3（elementplus2.2.6 支持暗黑主题）前端支持面向配置的CRUD和自定义页面的CRUD双开发模式DashBoard：数据分析查看服务器监控面板（运维能力），支持windows和linux服务器的实时服务器资源状态监控。

[Django开源学习 1]django-vue-admin

JacinLee的博客

09-03

9717

Django开源项目1：django-vue-admin快速开发全栈管理系统。欢迎大家学习交流讨论！

Django3+Vue3进行前后端开发环境搭建

lc_buzhidao的博客

08-21

8040

背景本文基于具备一定python后端基础，想通过基于Django，结合时下热门的前端框架Vue，来了解web前后端开发的角度作总结描述。因此，本文假定已经安装好了python环境、Django模块。环境需求 python开发环境 Django模块 Node.js Vue-Cli 环境准备 Node.js node.js安装参考：https://www.runoob.com/nodejs/nodejs-install-setup.html Vue-Cli npm安装模块速度慢，这里先安装cnpm n

django+vue+admin 项目部署上线需要Nginx-Mysql-Redis-python3

qq_42095701的博客

03-22

1396

第一步准备操作系统,安装必备的软件: 1.安装nginx(官网:nginx.org)linux下安装: 2.部署数据库: 根据操作系统的版本下载安装: 查看下载是否完成安装数据库启动服务器: 查看状态: 登录操作:查看root用户密码修改初始密码: 配置数据远程登录: 查看数据库组: 修改远程登录: 开放端口: 老版本有密码验证问题需要改密码: 安装redis跟python:.

django-vue3-admin部署

02-27

<think>好的，我现在需要帮助用户了解如何部署django-vue3-admin项目。首先，我得确认这个项目的构成。django-vue3-admin应该是一个前后端分离的管理系统，后端使用Django，前端使用Vue3。用户可能对部署流程不太熟悉，需要分步骤指导。用户可能已经完成了开发，现在需要部署到生产环境。常见的部署方式包括使用Nginx作为反向代理，处理静态文件，同时可能需要配置Gunicorn或uWSGI来运行Django后端。前端部分可能需要构建静态文件并配置Nginx来托管。首先，我应该分步骤来讲解部署流程，包括后端部署、前端部署以及Nginx配置。需要注意区分开发环境和生产环境的配置差异，比如DEBUG设置、数据库配置、静态文件收集等。后端部署方面，需要确保Django的生产配置正确，比如设置ALLOWED_HOSTS、配置数据库（可能从SQLite切换到PostgreSQL或MySQL）、收集静态文件，以及使用Gunicorn作为WSGI服务器。可能还需要配置Supervisor来管理进程，确保服务在崩溃后自动重启。前端部署部分，Vue3项目通常需要运行npm run build生成静态文件，然后将这些文件放到Nginx指定的目录中。需要检查Vue的API请求地址是否正确指向后端服务，可能需要配置环境变量或修改配置文件。 Nginx的配置需要同时处理前端路由和后端API请求的反向代理。需要注意静态文件的路径配置，避免404错误。SSL证书的配置也是生产环境需要考虑的，可以使用Let's Encrypt的Certbot来获取免费证书。此外，可能需要提到部署前的准备工作，比如安装依赖（Python的依赖包、Node.js环境等）、环境变量的管理（使用.env文件或直接设置环境变量）、以及可能的防火墙设置（开放80和443端口）。用户可能遇到的问题包括静态文件权限问题、跨域配置、数据库连接失败、服务无法自动启动等，需要在步骤中提醒常见错误和解决方法。例如，检查Nginx的日志文件，确保Django的ALLOWED_HOSTS包含正确的域名或IP，确保Gunicorn正确绑定到端口等。总结下来，应该将部署过程分解为清晰的步骤，每个步骤给出具体的命令和配置示例，帮助用户逐步完成部署。同时，提醒用户注意生产环境的安全设置，避免敏感信息泄露。</think>以下是使用中文介绍的**django-vue3-admin**项目部署流程（分步骤说明）： --- ### 一、项目准备阶段 1. **克隆项目** ```bash git clone https://github.com/liqianglog/django-vue3-admin.git cd django-vue3-admin ``` 2. **安装依赖** - **后端依赖**（Python环境） ```bash pip install -r requirements.txt ``` - **前端依赖**（Node.js环境） ```bash cd frontend npm install ``` --- ### 二、后端部署（Django） 1. **配置生产环境** - 修改 `settings_prod.py`： ```python DEBUG = False ALLOWED_HOSTS = ['your-domain.com', '服务器IP'] # 配置数据库（示例使用MySQL） DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'your_db', 'USER': 'root', 'PASSWORD': 'your_password', 'HOST': 'localhost', 'PORT': '3306', } } ``` 2. **收集静态文件** ```bash python manage.py collectstatic ``` 3. **使用Gunicorn启动服务** ```bash gunicorn django_vue3_admin.wsgi:application -w 4 -b 0.0.0.0:8000 ``` 4. **配置Supervisor（可选）** ```ini [program:django-vue3-admin] command=/path/to/gunicorn --bind 0.0.0.0:8000 django_vue3_admin.wsgi:application directory=/path/to/project autostart=true autorestart=true ``` --- ### 三、前端部署（Vue3） 1. **构建生产包** ```bash cd frontend npm run build ``` - 生成 `dist` 目录 2. **配置Nginx托管** ```nginx server { listen 80; server_name your-domain.com; location / { root /path/to/django-vue3-admin/frontend/dist; index index.html; try_files $uri $uri/ /index.html; } # 代理后端API location /api/ { proxy_pass http://127.0.0.1:8000; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } } ``` --- ### 四、HTTPS配置（可选） 1. **使用Certbot申请证书** ```bash sudo certbot --nginx -d your-domain.com ``` 2. **自动续期证书** ```bash certbot renew --dry-run ``` --- ### 五、启动服务 1. **重启Nginx** ```bash sudo systemctl restart nginx ``` 2. **访问验证** - 浏览器访问：`https://your-domain.com` - 默认账号：`admin/admin123` --- ### 常见问题 1. **跨域问题** 确保Django配置了CORS： ```python CORS_ALLOW_ALL_ORIGINS = False CORS_ALLOWED_ORIGINS = ["https://your-domain.com"] ``` 2. **静态文件404** 检查Nginx配置中的 `root` 路径是否正确 3. **数据库连接失败** 检查MySQL用户权限及防火墙设置 --- > **提示**：建议使用Docker容器化部署以简化流程，可参考项目的 `docker-compose.yml`（如有提供）。