Django+Vue+ElementUI前后端分离框架

已于 2023-07-15 09:01:23 修改
阅读量213 收藏
点赞数
文章标签： django vue.js python
于 2023-03-15 11:46:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76362680/article/details/129342566
版权

项目介绍

一款 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

模块展示

在这里插入图片描述

特别鸣谢

感谢Django、Vue、ElementUI等优秀开源项目。

版权声明

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

沙拉.伊万卡
关注
python django +vue 实现前后端分离
surge
01-06 416
1.基础条件： Python vue npm django 都已安装成功 2.创建django项目 ---(用命令也可以) 3.创建vue项目---用命令也可以 命令--构建 cd frontend npm install npm run build 备注:frontend vue项目名称 4.修改配置 修改这里需要注意一下路由的关系: 5.成功--注意看路由 这里就是在第四步哪里修改的时候 到底是放在项目中的路由 还是放在app中的路由 这里有...
Django+Vue+ElementUI前后端分离
bnanala的博客
04-19 529
问题：Got AttributeError when attempting to get a value for field `password_repeat… 前提概要 在做注册的后端逻辑时，要用到password_repeat进行验证，但我并不想把它存入数据库，因此需要删掉。于是，在完成验证后，del attrs['password_repeat‘]，但.save()时依旧有这个字段。 解决方法 定义序列化字段时，加参数write_only=True ...
python+django+vue搭建前后端分离项目
weixin_30633405的博客
11-21 1549
以前一直是做基于PHP或JAVA的前后端分离开发，最近跟着python风搭建了一个基于django的前后端分享项目 准备工作：IDE，【JetBrains PyCharm2018】【webpack 3.3.0】【python3.7.0】【npm5.8.0】【vue-cli2.9.6】，这是我当前的版本，基本python不低于2.0，本例子都可以运行成功 1，打开PyCharm创建一个创建Dja...
SpringBoot+Vue+Element-ui实现前后端分离
m0_66403070的博客
04-23 2111
SpringBoot+Vue+Element-ui实现前后端分离
基于Vue和Element UI实现前后端分离和交互
weixin_74268571的博客
09-25 4093
Element UI简介，如何运用Vue+Element UI搭建前端登陆注册，并通过ssm框架处理后端数据请求，以及axios全局配置和CORS跨域
ElementUI+springboot 项目实战前后端分离（用户管理系统的开发）
共勉
01-01 5884
前端设计使用ElementUI进行编写，后端使用springboot微服务架构，简单实现一个基于vue+springboot的增删改查案例
python+Django+vue 搭建前后端分离项目
森宝的博客
02-05 2355
步骤一 : 创建项目所在文件夹。 步骤二: 进入CMD模式输入 : django-admin startproject backend 步骤三 : 进入backend 步骤四:查看Django后端服务器情况。 显示下面情况表示正常。 步骤五 : 回退到项目根目录,输入: django-admin startapp anime anime是你的app的名字(anime和backend同级) 创建完成 : 接下来开始创建前端。 步骤六:使用vue-c...
Django+vue+ElementUi 实现前后端分离项目
vincent的博客
10-28 4600
![](https://img2020.cnblogs.com/blog/2595966/202110/2595966-20211027200616914-384109510.png) ![](https://img2020.cnblogs.com/blog/2595966/202110/2595966-20211027200630022-562388827.png) 本文主要分为五个部分，逐一进行讲解前后端分离项目环境搭建流程，主要有：环境搭建、Django、vue、整合、总结； 一..
Django+vue前后端分离项目构建
oliver3455的博客
05-30 3771
Django+vue前后端分离项目构建
Django+Vue，前后端分离，实现用户权限认证
qq_33398946的博客
11-23 6146
网上教程一大堆，要么思路不够清晰，要么给你扔一大段代码，只有几行注释。。。。 看来我这个，你奶奶来都能实现前后端分离用户权限认证！ Django 采用token认证方式，使用 rest_framework_simplejwt 库配置权限认证。 1、安装第三方库： pip install rest_framework pip install rest_framework_simplejwt 2、项目根目录settings.py配置文件中写入以下配置项 //settings.py //INSTALLED_A
基于Django和Vue的RBAC权限控制后台管理系统源码
最新发布
03-25
项目概述：本源码为基于角色基础访问控制（RBAC）模型的中小型应用开发平台，采用前后端分离架构。后端基于Python的Django框架和Django REST Framework实现，前端则使用Vue.js配合ElementUI进行构建。移动端支持通过...
SpringBoot+Shiro+Jwt+Vue+elementUI实现前后端分离单体系统Demo
蚂蚁舞
04-26 1873
记录一下使用SpringBoot集成Shiro框架和Jwt框架实现前后端分离Web项目的过程，后端使用SpringBoot整合Shiro+Jwt(auth0)，前端使用vue+elementUI框架，前后端的交互使用的是jwt的token，shiro的会话关闭，后端只需要使用Shiro框架根据前端传来的jwt的token信息授权访问相应资源。
python+Django+vue.js 首次搭建前后端分离项目
BINgreate的博客
12-16 1040
python+django+vue 准备工作：IDE，【JetBrains PyCharm2018.3.5】【webpack 3.3.0】【python3.7.5】【npm5.8.0】【vue-cli2.9.6】 1、Pycharm创建第一个项目 django-admin startproject pc_admin 创建后如下所示： . ├── manage.py └── pc_admin ...
python+django+vue搭建前后端分离项目Part1
Diana003的博客
01-29 6033
本章主要介绍了如何使用python+django+vue来搭建一个网站最初始步骤——搭建各种环境。
vue+elementui+springboot前后端分离实现通用商城管理后台，左右顶布局，含历史导航栏
lucky_fang的博客
03-21 1936
作者一直都有打算想做一个通用的商品、商城类后台管理系统，这样的好处就是以后需要实现什么系统网站等，可充分复用系统和其逻辑，即使有改动也是在小范围，符合良好的开发思维。功能设计，商品、商城类一般都包含这几大模块：首页轮播图、商品分类、推荐分类、商品管理、订单管理、评论管理、管理员管理等；配置类设计，配置的东西一般要求可复用，避免重复不必要的开发，并且简单易用，例如一些字典、参数的配置；数据库表结构、字段属性设计合理接口访问参数等设计合理。
使用springboot、vue框架和element ui组件 搭建前后端分离项目
liugaoyuans的博客
10-24 671
使用springboot、vue框架和element ui组件 搭建前后端分基础离项目
SpringBoot+vue+elementui实现前后端分离的化妆品销售商城网站
分享技术热点，看天下大事
09-14 884
随着科学技术的飞速发展，社会的方方面面、各行各业都在努力与现代的先进技术接轨，通过科技手段来提高自身的优势，化妆品销售商城当然也不能排除在外。化妆品销售商城是以实际运用为开发背景，运用软件工程原理和开发方法，采用springboot框架构建的一个管理系统。整个开发过程首先对软件系统进行需求分析，得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统功能设计、系统总体结构设计、系统数据结构设计和系统安全设计等；
python+django+vue搭建前后端分离项目Part3——后端django
Diana003的博客
01-31 1882
python+django+vue中后端部分搭建具体操作
【智慧医疗】Springboot+Vue+Element-UI前后端分离的医疗管理平台
m0_67392661的博客
09-08 4364
深知大多数初中级Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《Java开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
django+vue3+elementplus前后端分离demo
05-18
很高兴为你提供一个Django+Vue3+ElementPlus前后端分离的demo。 ## 后端部分 首先，我们需要创建一个Django项目。在命令行中输入以下命令： ``` django-admin startproject project_name ``` 然后，我们需要创建一个应用程序。在命令行中输入以下命令： ``` python manage.py startapp app_name ``` 接下来，我们需要安装一些必要的库。在命令行中输入以下命令： ``` pip install djangorestframework django-cors-headers ``` 接下来，我们需要在`settings.py`文件中添加以下代码： ```python INSTALLED_APPS = [ ... 'rest_framework', 'corsheaders', 'app_name', ] MIDDLEWARE = [ ... 'corsheaders.middleware.CorsMiddleware', 'django.middleware.common.CommonMiddleware', ] CORS_ORIGIN_ALLOW_ALL = True ``` 现在，我们已经完成了后端部分的设置。我们可以开始编写API。 在`app_name`中创建一个名为`api.py`的文件，并编写以下代码： ```python from rest_framework.decorators import api_view from rest_framework.response import Response @api_view(['GET']) def hello_world(request): return Response({"message": "Hello, World!"}) ``` 这是一个简单的API，当我们向`/api/hello`发送GET请求时，它将返回一个JSON响应，其中包含“Hello, World!”消息。 最后，在`urls.py`文件中添加以下代码： ```python from django.urls import path from . import api urlpatterns = [ path('api/hello', api.hello_world), ] ``` 现在，我们已经完成了后端部分的设置。我们可以在终端中运行`python manage.py runserver`命令来启动服务器。 ## 前端部分 首先，我们需要安装Vue CLI。在命令行中输入以下命令： ``` npm install -g @vue/cli ``` 然后，我们需要创建一个Vue项目。在命令行中输入以下命令： ``` vue create project_name ``` 接下来，我们需要安装ElementPlus。在命令行中输入以下命令： ``` npm i element-plus -S ``` 接下来，我们需要在`main.js`文件中添加以下代码： ```javascript import { createApp } from 'vue' import App from './App.vue' import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' createApp(App).use(ElementPlus).mount('#app') ``` 现在，我们已经完成了前端部分的设置。我们可以开始编写页面。 在`src`中创建一个名为`HelloWorld.vue`的文件，并编写以下代码： ```vue <template> <div> <h1>{{ message }}</h1> </div> </template> <script> export default { data() { return { message: '' } }, created() { fetch('http://localhost:8000/api/hello') .then(response => response.json()) .then(data => this.message = data.message) } } </script> ``` 这是一个简单的页面，它将从我们的API中获取消息并显示在页面上。 最后，在`App.vue`文件中添加以下代码： ```vue <template> <HelloWorld /> </template> <script> import HelloWorld from './components/HelloWorld.vue' export default { components: { HelloWorld } } </script> ``` 现在，我们已经完成了前端部分的设置。我们可以在终端中运行`npm run serve`命令来启动前端服务器。 现在，我们可以在浏览器中访问`http://localhost:8080`，应该可以看到一个页面，其中包含“Hello, World!”消息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值