GithubHelp home page GithubHelp logo

sunw31 / vue-element-frontend-backend Goto Github PK

View Code? Open in Web Editor NEW

This project forked from mysqlplus/vue-element-frontend-backend

0.0 0.0 0.0 4.79 MB

vue-element+python+django+restful前后端分离

License: MIT License

Makefile 0.05% Python 19.59% JavaScript 55.48% HTML 8.60% ASP 0.05% Java 0.02% PHP 0.64% CSS 5.63% Vue 9.94%

vue-element-frontend-backend's Introduction

vue element-ui license

简体中文 | English

介绍

vue-element-frontend-backend 是一个后台前后端集成解决方案, 它前段基于 vue-element-admin 和 后端自研[python+django+restful]。 前段技术大部分继承来自vue-element-admin,完全再次基础上进行开发,改进,后端技术使用python+django开发代码,使用resutful架构风格完成整体风格设计。

权限管理:

后端权限: 使用RBAC模式,配合restful资源+方法 操作 做后端权限认证管理 
前段权限: 根据后端userinfo返回的url匹配 menu 进行menu显示与否,具体里边是否有删除,更新权限 以后端 具体url权限为主。

另外做了一个demo举例:

资产管理模块demo说明: 
	前段:使用avue构建前段 表格管理 
	后端:get_table_info接口返回avue框架, 以及 get list接口 数据
	两者组合 以最少的代码 合成一个 表格的增删改查导入导出功能。

前序准备

你需要在本地安装 node 和 python3.6。本项目技术栈基于 vue-element-adminvuevuexvue-routeraxios , element-uipython, 所有的请求数据都使用后端api接口返回,提前了解和学习这些知识会对使用本项目有很大的帮助。

如有问题请先看上述使用文档和文章,若不能满足,欢迎 issue 和 pr

Back-end api

功能(完善 登录系统,权限管理系统,以及系统日志记录系统)

- 登录(用户密码登录,手机验证码登录,第三方登录-微信,新浪微博,github登录) / 注销

- 权限管理 基于restful风格 url+resquest-method 权限细粒度管理

- 日志审计系统  记录系统 中更新,删除,创建操作

- 多环境发布
  - dev sit stage prod

- 全局功能
  - 国际化多语言
  - 多种动态换肤
  - 动态侧边栏(支持多级路由嵌套)
  - 动态面包屑
  - 快捷导航(标签页)
  - Svg Sprite 图标
  - 本地mock数据
  - Screenfull全屏
  - 自适应收缩侧边栏

- Excel
  - 导出excel
  - 导入excel

- 表格
  - 普通表格CRUD

- 错误页面
  - 401
  - 404

- 組件
  - 头像上传
  - 返回顶部

- Clipboard(剪贴复制)

前后端代码风格

后端代码风格详解

登录流程图

系统分析设计详解 帮你讲透 整个系统

地址 帮你讲透 整个系统

安装文档

中文安装文档 English Install Docs

vue-element-frontend-backend's People

Contributors

laoseng avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.