django-vue-admin项目运行

文本主要对django-vue-admin项目进行了简要介绍,并且对前后端进行了源码安装和运行。在此基础上可作为管理系统二次开发的基础框架。

一.django-vue-admin简介和安装

1.简介

django-vue-admin项目是基于RBAC模型权限控制的中小型应用的基础开发平台,采用前后端分离,后端采用django+django-rest-framework,前端采用vue+ElementUI,移动端采用uniapp+uView(可发布h5和小程序)。因为自己对这个技术栈较为熟悉,所以选择django-vue-admin项目作为管理系统二次开发的基础框架。

2.下载

python 复制代码
git clone https://github.com/caoqianming/django-vue-admin

二.前端安装和运行

1.Web管理端

安装依赖和运行:

plain 复制代码
cd client
npm install
npm run dev

2.移动端

安装依赖和运行:

python 复制代码
cd client-mp
npm install

安装依赖如下:

通过小程序方式进行运行:

打开小程序效果如下所示:

三.后端安装和运行

1.执行命令

复制server文件夹下的conf_e.py为conf.py。为了简化暂时使用sqlite数据库,后面根据需要再做调整。

在django-vue-admin\server目录下执行命令:

plain 复制代码
# 安装依赖包
pip install -r requirements.txt
# 同步数据库 
python manage.py migrate
# 初始化数据
python manage.py loaddata db.json
# 创建超级管理员
python manage.py createsuperuser
# 运行服务
python manage.py runserver 8000

2.启动redis服务

记得启动redis服务:

3.调试后端

设置参数,然后debug运行:

4.登录Web管理端

参考文献

1\] django-vue-admin github:https://github.com/caoqianming/django-vue-admin

相关推荐
掘金012 小时前
在 Vue 3 项目中使用 MQTT 获取数据
前端·javascript·vue.js
QuantumLeap丶2 小时前
《uni-app跨平台开发完全指南》- 03 - Vue.js基础入门
前端·vue.js·uni-app
一 乐3 小时前
个人理财系统|基于java+小程序+APP的个人理财系统设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·后端·小程序
萧鼎3 小时前
深入掌握 OpenCV-Python:从图像处理到智能视觉
图像处理·python·opencv
网络点点滴3 小时前
reactive创建对象类型的响应式数据
前端·javascript·vue.js
海琴烟Sunshine3 小时前
leetcode 190. 颠倒二进制位 python
python·算法·leetcode
淡忘_cx3 小时前
Dify Plugin 开发教程
python
熊猫比分站3 小时前
[特殊字符] Java/Vue 实现体育比分直播系统,支持多端实时更新
java·开发语言·vue.js
海琴烟Sunshine3 小时前
leetcode 338. 比特位计数 python
python·算法·leetcode
呆萌很4 小时前
字典推导式练习题
python