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

相关推荐
阿耶同学23 分钟前
手把手教你用 LangGraph 搭建三层嵌套 Agent 架构
python·程序员
DarkLONGLOVE24 分钟前
快速上手 Pinia!Vue3 极简状态管理使用教程
javascript·vue.js
宸翰2 小时前
解决 uni-app App 端 vue-i18n 占位符丢失:封装跨端可用的 tf 格式化方法
前端·vue.js·uni-app
用户2136610035726 小时前
VueRouter进阶-动态路由与嵌套路由
前端·vue.js
花酒锄作田17 小时前
Pydantic校验配置文件
python
hboot17 小时前
AI工程师第四课 - 深度学习入门
pytorch·python·神经网络
暴走的小呆1 天前
Vue 2 中 Object 的变化侦测:从 getter/setter 到 Dep、Watcher、Observer
vue.js
英勇无比的消炎药1 天前
TinyVue v-auto-tip: 文本超长自动提示的优雅方案
vue.js
时光足迹1 天前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app
时光足迹1 天前
uni-app 里把加密视频嵌入页面播放?我分析了 4 种方案,只有 1 种接近完美
前端·vue.js·uni-app