Django+Vue前后端分离开发教程

项目介绍

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

内置模块

  • 用户管理:用于维护管理系统的用户,常规信息的维护与账号设置。
  • 角色管理:角色菜单管理与权限分配、设置角色所拥有的菜单权限。
  • 菜单管理:配置系统菜单,操作权限,按钮权限标识等。
  • 职级管理:主要管理用户的职级。
  • 岗位管理:主要管理用户担任职务。
  • 部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
  • 字典管理:对系统中常用的较为固定的数据进行统一维护。
  • 配置管理:对系统的常规配置信息进行维护,网站配置管理功能进行统一维护。
  • 通知公告:系统通知公告信息发布维护。

软件信息

系统演示

版本说明

版本名称版本说明版本地址
Django+Layui混编版采用Django、Layui、MySQL等框架研发https://gitee.com/djangoadmin/DjangoAdmin_Django_Layui
Flask+Layui混编版采用Flask、Layui、MySQL等框架研发https://gitee.com/djangoadmin/DjangoAdmin_Flask_Layui
Tornado+Layui混编版采用Tornado、Layui、MySQL等框架研发https://gitee.com/djangoadmin/DjangoAdmin_Tornado_Layui
Django+EleVue前后端分离版采用Django、Vue、ElementUI等框架研发https://gitee.com/djangoadmin/DjangoAdmin_Django_EleVue
Flask+EleVue前后端分离版采用Flask、Vue、ElementUI等框架研发https://gitee.com/djangoadmin/DjangoAdmin_Flask_EleVue
Tornado+EleVue前后端分离版采用Tornado、Vue、ElementUI等框架研发https://gitee.com/djangoadmin/DjangoAdmin_Tornado_EleVue
Django+AntdVue前后端分离版采用Django、Vue、AntDesign等框架研发https://gitee.com/djangoadmin/DjangoAdmin_Django_AntdVue
Flask+AntdVue前后端分离版采用Flask、Vue、AntDesign等框架研发https://gitee.com/djangoadmin/DjangoAdmin_Flask_AntdVue
Tornado+AntdVue前后端分离版采用Tornado、Vue、AntDesign等框架研发https://gitee.com/djangoadmin/DjangoAdmin_Tornado_AntdVue

模块展示

在这里插入图片描述

特别鸣谢

感谢DjangoVueElementUI等优秀开源项目。

版权声明

本文章版权归作者所有,未经作者允许禁止任何转载、采集,作者保留一切追究的权利;

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
手把手进行Django Vue前后端分离开发的入门,可以通过以下步骤实现: 1. 首先,确保已经安装了Python和Node.js,以及相应的开发环境。 2. 创建一个Django项目,可以使用命令`django-admin startproject project_name`来创建项目。 3. 进入项目目录,创建一个Django应用,可以使用命令`python manage.py startapp app_name`来创建应用。 4. 在Django中配置应用,包括数据库连接、URL路由等,可在`settings.py`中进行配置。 5. 创建数据库模型,可以在应用目录下的`models.py`中定义模型类,表示数据表结构。 6. 执行迁移命令,将模型映射到数据库中,可使用命令`python manage.py makemigrations`和`python manage.py migrate`执行。 7. 在应用目录下创建视图函数,用于处理客户端的请求,其中可以包括接收和发送JSON数据。 8. 在`urls.py`中配置URL路由,将请求的URL与对应的视图函数进行关联。 9. 使用Vue CLI创建Vue项目,可以使用命令`vue create frontend`来创建项目。 10. 在Vue项目中安装axios,用于发送HTTP请求,可以使用命令`npm install axios`进行安装。 11. 按照需求,在Vue组件中编写前端代码,可以使用axios与后端进行数据交互,获取数据并展示。 12. 运行Django项目,可以使用命令`python manage.py runserver`来启动Django服务器。 13. 运行Vue项目,可以使用命令`npm run serve`来启动Vue开发服务器。 通过以上步骤,即可实现Django Vue前后端分离开发入门。在实践中,可以进一步学习和了解DjangoVue的相关文档和教程,通过不断实践和探索,提升开发技能。相关的示例代码和项目实例可以参考知乎上的文章。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值