/vue-element-frontend-backend

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

Primary LanguageJavaScriptMIT LicenseMIT

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