# vue-element-frontend-backend

**Repository Path**: hustytang/vue-element-frontend-backend

## Basic Information

- **Project Name**: vue-element-frontend-backend
- **Description**: vue-element+python+django+restful前后端分离
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 2
- **Created**: 2020-03-01
- **Last Updated**: 2024-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <img width="320" src="https://wpimg.wallstcn.com/ecc53a42-d79b-42e2-8852-5126b810a4c8.svg">
</p>

<p align="center">
  <a href="https://github.com/vuejs/vue">
    <img src="https://img.shields.io/badge/vue-2.5.10-brightgreen.svg" alt="vue">
  </a>
  <a href="https://github.com/ElemeFE/element">
    <img src="https://img.shields.io/badge/element--ui-2.3.2-brightgreen.svg" alt="element-ui">
  </a>
  <a href="https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE">
    <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
  </a>
</p>

[简体中文](./README.md) | [English](./README_EN.md)

## Introduction

[vue-element-frontend-backend](https://github.com/DevOpsUnionTop/vue-element-frontend-backend) is a production-ready front-end
and back-end solution for admin interfaces.It based on [vue-element-admin](https://panjiachen.github.io/vue-element-admin/)
and Back-end self-development[python+django+restful). Development and Improvement of Front Section Technology Based on vue-element-admin，
the back-end code is developed with Python + Django and designed with restful architecture.

Privilege management：


	Back-end： Using RBAC mode，Using RBAC mode, Cooperating with Restful url + Method Operation
	            to do back-end privilege authentication
	Front-end： according to the url list returned by the backend userinfo url,matching menu
	            for front-end menu display or not,whether there is deletion inside or not,
	            and updating permissions is mainly based on the specific URL permissions of the back end.

demo example(cmdb demo):


		front-end：Using avue build front-end Table management
		back-end：get_table_info api return avue arch, and  get list real datas
		Combination of the two to synthesize a table's crud, import/export functions with minimal code.

## Preparation

You need to install node and python3.6 locally. The project is based on [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
[vue,vuex,vue-router,vue-cli,axios,element-ui,avue], all request data is simulated using backend-python+django. Understanding and learning this knowledge in advance will
 greatly help the use of this project.

<p align="center">
  <img width="900" src="https://wpimg.wallstcn.com/a5894c1b-f6af-456e-82df-1151da0839bf.png">
</p>
Back-end api
<p align="center">
  <img width="900" src="http://www.bdkyr.com/open_galaxy/static/img/api_docs.png">
</p>

## Features

```
- Login / Logout and Third party login

- Multi-environment build
  - dev sit stage prod
- Global Features
  - I18n
  - Multiple dynamic themes
  - Dynamic sidebar (supports multi-level routing)
  - Dynamic breadcrumb
  - Tags-view (Tab page Support right-click operation)
  - Svg Sprite
  - Mock data
  - Screenfull
  - Responsive Sidebar

- Excel
  - Export Excel
  - Upload Excel

- Table
  - General table CRUD

- Error Page
  - 401
  - 404

- Components
  - Avatar Upload
  - Back To Top
  - Drag Dialog
  - Drag Select
  - Drag Kanban
  - Drag List
  - SplitPane
  - Dropzone
  - Sticky
  - CountTo
```

## Install Docs


[中文安装文档](./INSTALL_CN.md)
[English Install Docs](./INSTALL_EN.md)