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

相关推荐
翻滚吧键盘3 分钟前
{{ }}和v-on:click
前端·vue.js
上单带刀不带妹9 分钟前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
im_AMBER29 分钟前
学习日志05 python
python·学习
大虫小呓34 分钟前
Python 处理 Excel 数据 pandas 和 openpyxl 哪家强?
python·pandas
哪 吒1 小时前
2025B卷 - 华为OD机试七日集训第5期 - 按算法分类,由易到难,循序渐进,玩转OD(Python/JS/C/C++)
python·算法·华为od·华为od机试·2025b卷
Q_970956391 小时前
java+vue+SpringBoo校园失物招领网站(程序+数据库+报告+部署教程+答辩指导)
java·数据库·vue.js
翻滚吧键盘2 小时前
vue 条件渲染(v-if v-else-if v-else v-show)
前端·javascript·vue.js
摸爬滚打李上进2 小时前
重生学AI第十六集:线性层nn.Linear
人工智能·pytorch·python·神经网络·机器学习
叹一曲当时只道是寻常2 小时前
vue中添加原生右键菜单
javascript·vue.js
凛铄linshuo3 小时前
爬虫简单实操2——以贴吧为例爬取“某吧”前10页的网页代码
爬虫·python·学习