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

相关推荐
颜酱25 分钟前
09 | 重构项目结构
人工智能·python·langchain
英勇无比的消炎药1 小时前
TinyRobot v0.5.0 深度解读(三):Layout 组件——如何组织复杂工作区的页面布局
前端·vue.js
英勇无比的消炎药1 小时前
TinyRobot v0.5.0 深度解读(四):CLI 脚手架——从零搭建 AI 应用的工程化实践
前端·vue.js·github
Sisphusssss2 小时前
香橙派5plus GPIO
linux·python·ubuntu
李明卫杭州3 小时前
Vue3 响应式概念 ↔ React 对应方案(类组件与函数组件)对照笔记
前端·vue.js·react.js
颜酱3 小时前
08 | 把维度值同步到 Elasticsearch(生成阶段)
人工智能·python·langchain
英勇无比的消炎药3 小时前
拖文件进来会发生什么:TinyRobot DragOverlay 与 v-dropzone 协同指南
vue.js
Revolution613 小时前
reactive 对象重新赋值后,表单为什么没有恢复默认值
前端·vue.js·面试
久久学姐3 小时前
基础转码学 AI:Java+Python 双语言入门,3 个月可落地实战项目
java·python·ai·转码·实战项目